[객체(object)]
배열을 사용할 경우,
let user =[
'Aurora',
'Kim",
'Seoul'
];
user[1] //Kim
각 index가 어떤 정보를 가지고 있는지 미리 알고 있어야 사용이 가능하다.
index로 접근할 경우 가독성이 떨어진다.
객체를 사용할 경우,
let user = {
firstName: 'Aurora',
lastName: 'Kim',
city: 'Seoul'
//key(키): value(값)
};
//방법1: Dot notation
user.firstName; //'Aurora'
//방법2: Bracket notation
user['firstName']; //'Aurora' '' 작은따옴표 사용 가능
user["firstName"]; //'Aurora' "" 큰따옴표 사용 가능
user[`firstName`]; //'Aurora' `` 백틱 사용 가능
객체를 사용할 경우 더 가독성이 좋다.
1. 값을 추가하는 방법
let user = {
firstName: 'Aurora',
lastName: 'Kim',
city: 'Seoul'
//key(키): value(값)
};
// dot/bracket notation을 이용해 값을 추가할 수 있다
user['color'] = 'pink';
user.isAdult = true;
user.tags = ['#hello', '#favoriteColor'];
2. 값을 삭제하는 방법
let user = {
firstName: 'Aurora',
lastName: 'Kim',
city: 'Seoul'
//key(키): value(값)
};
// delete키워드를 이용해 삭제 가능
delete user.city;
3. 값의 존재를 확인하는 방법
let user = {
firstName: 'Aurora',
lastName: 'Kim',
city: 'Seoul'
//key(키): value(값)
};
//in 연산자를 이용해 해당하는 키가 있는지 확인가능
'city' in user; // true
'age' in user; //false
'JavaScript' 카테고리의 다른 글
일급객체/고차함수 (0) | 2022.07.21 |
---|---|
JavaScript 스코프(scope) (0) | 2022.07.21 |
JavaScript 배열(2) (0) | 2022.07.21 |
JavaScript 배열(1) (0) | 2022.07.21 |
JavaScript 함수(2) (0) | 2022.06.29 |