8-2. [JavaScript] 객체

# 객체 Object

 

 

객체는 키와 값으로 이루어져 있습니다.

let user={
 firstName: 'mandoo',//first name : 키 'mandoo': 값
 lastName: 'an',//키와 값 사이는 콜론 : 으로 구분한다.
};

중괄호로 객체를 만들고 {}

first name : 키 'mandoo': 값

키와 값 사이는 콜론 : 으로 구분한다.

키-값 쌍은 쉼표로 구분해준다.

 

---

# 객체의 값을 사용하는 방법

1. Dot notation

let user={
 firstName: 'mandoo',
 lastName: 'an',
};

user.firstName // 'mandoo'
user.lastName // 'an'

 

2.Bracket notation

let user={
 firstName: 'mandoo',
 lastName: 'an',
};

user['firstName']; // 'mandoo'
user['lastName']; // 'an'

[' 키 이름 '] , [" 키 이름 "], [` 키 이름 `] 을 통해 값을 알 수 있음.

 

 

---

 

# 객체 다루기

 

 

 

 

키값이 변수일때는 Bracket notation을 사용한다.

 

• Bracket notation 안에 따옴표 없이 적으면?

       user[name]; // Reference Error

       name은 변수로 취급되어서 에러가 발생한다.

 

• Bracket notation 을 쓸 때에는, Bracket 안쪽의 내용을 문자열 형식으로 전달해야 한다.

          user['name']; // 'mandoo'

 

 

* 정리

let user={
 firstName: 'mandoo',
 lastName: 'an',
};

user['firstName'] === user.firstName //true

 

---

Dot/Bracket notation을 이용해 값을 변경할 수도 있다.

 

 

• 값 추가하기

let user={
 firstName: 'mandoo',
 lastName: 'an',
};

user['category'] = '만두';
user.isPublic = true;
user.tags = ['#고기만두','#김치만두'];

 

• 값 삭제하기

delete 키워드를 이용해서 삭제가 가능하다.

 

let user={
 firstName: 'mandoo',
 lastName: 'an',
 content: '고기만두'
};

//createAt 키-값 쌍을 지운다
delete user.content;

//user은 다음과 같게 됩니다.
//{firstName : 'mandoo','lastName : an'}

 

 

• in 연산자를 이용해 해당하는 키가 있는지 확인할 수 있다.

let user={
 firstName: 'mandoo',
 lastName: 'an',
 content: '고기만두'
};

'content' in user; //true
'age' in tweet; // false

 

---

 

 

 

 

 

 

끝 🐾