패스트캠퍼스
javaScript-객체(Object)
용용it
2023. 4. 14. 23:35
객체란 다양한 데이터 타입의 값들을 포함하는 컨테이너로,
속성(프로퍼티)과 동작(메소드)을 가지는 독립적인 개체이다.
객체는 프로퍼티에 접근할 때 점. 또는 대괄호 [] 를 사용하여 접근할 수 있다.
const user = {
name: 'Dragon',
age: 100
}
console.log(user)
// {name: 'Dragon', age: 100}
console.log(user.name) // 점 표기법
console.log(user['name']) // 대괄호 표기법
여러개의 객체에서 하나만 골라서 접근할 수도 있다.
const userA = {
name: 'Dragon',
age: 100
}
const userB = {
name: 'Yong',
age: 27,
parent: userA
}
console.log(userB)
//
{name: 'Yong', age: 27, parent: {…}}
age: 27
name: "Yong"
parent: {name: 'Dragon', age: 100}
[[Prototype]]: Object
console.log(userB.parent.name)
// Dragon
또한 객체는 'new' 키워드를 사용하여 객체를 생성할 수 있다.
const user = new Object() // new 생성자 함수 사용 사용하여 객체 생성
user.name = 'Dragon'
user.age = 100
console.log(user)
// {name: 'Dragon', age: 100}
// 객체의 프로퍼티는 키(key)와 값(value)의 형태로 정의된다.
// key : value
function User() {
this.name = 'Dragon'
this.age = 100
}
const user = new User()
console.log(user)
// User {name: 'Dragon', age: 100}