JavaScript - Object(객체)

배열에 이어 다른 데이터 저장방법인 객체에 대해 알아보자.

객체는 배열과 다르게 index를 가지지 않는다.

순서 없이 데이터를 키-값 쌍 형식으로 저장할 수 있다.

 

예를 들어, 유저에 대한 정보를 저장한다고 생각해보자.

유저의 이름, 나이, 아이디, 비밀번호 등 이 모든 정보는 한 유저에 대한 정보이다.

언제든 유저의 정보를 추가할 수 있고, 필요한 부분만 수정하기에 객체가 용이하다.

 

객체의 기본 형태

const user = {
  name: "gazero",
  age: 28,
  nickname: "5gazero",
  cute: true,
}

저장하고 싶은 데이터의 키-값 쌍을 중괄호(brace)안에 담아주면 된다.

변수명 = {키: 값, key: value}

 

객체의 접근 및 사용

user.name; // gazero
user["name"]; // gazero

조회하고자 하는 객체의 키를 객체의 이름 뒤에

.key 을 사용해 적거나 (Dot notation)

["key"] 를 사용해 적어서 (Bracket notation)

조회할 수 있다.

⚡︎ 동적인 요소(키값이 변수일 때) 따옴표 없이 대괄호안에 적어줌으로서 조회가 가능하다. [변수]

 

객체의 요소 변경

// 값을 직접 변경
user.cute; // true;

user.cute = false;
user.cute; // false;

// 값을 추가
user.firstName = 'oh';
user; // {name: 'gazero', age: 28, nickname: '5gazero', cute: true, firstName: 'oh'}

// 속성 삭제
delete user.firstName;
user; // {name: 'gazero', age: 28, nickname: '5gazero', cute: true}