본문 바로가기
JavaScript

JavaScript 객체

by 이히힣 2022. 7. 21.

[객체(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