패스트캠퍼스

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}