객체(Object) 기초

객체는 index를 가지고 있는 배열과 달리 index가 아닌 key와 value로 이루어져 있다. 둘의 구분은 : 으로 한다.

let obj = { key: 'value' };	// Curly braces로 감싼 이런 느낌으로 생김.

객체를 사용할 때 중요한 부분들을 정리해보고자 한다.

1. Dot notation? Bracket notation?

객체의 특정 키를 활용하기 위해선 Dot notation || Bracket notation을 활용하면 된다. 여기서 중요한 부분은 함수 등에서 매개변수로 키값을 찾으려 할 땐 Bracket notaion을 활용해야 한다.

let me = {
  firstName: 'Seong Jun',
  lastName: 'Chung'
};

// Bracket notation, Dot notation
me['lastName'] === me.lastName	// true

2. 객체에 key와 value를 추가하는 방법

let let me = {
  firstName: 'Seong Jun',
  lastName: 'Chung',
};

me['age'] = 28;
me.englishName = 'Jason';
me.stack = ['JavaScript', 'React', 'Nodejs'];

3. delete key & value

let me = {
  firstName: 'Seong Jun',
  lastName: 'Chung',
  age: 28,
  englishName: 'Jason',
  stack: ['JavaScript', 'React', 'Nodejs']
};

// englishName key와 value를 삭제합니다.
delete me.englishName;

4. 특정 key가 객체에 속해 있는지 확인하는 법

let me = {
  firstName: 'Seong Jun',
  lastName: 'Chung',
  age: 28,
  stack: ['JavaScript', 'React', 'Nodejs']
};

// in 연산자를 이용해 해당하는 키가 있는지 확인 가능
'Chung' in me;		// true
'englishName' in me;	// false;

5. 객체 반복문 for ... in

/* key값들만 가져오는 반복문 */
for (let key in me){
  console.log(key);
};

// firstName
// lastName
// age
// stack

/* value를 가져오려면? */
for (let key in me) {
  console.log(me[key]);  // Bracket notation으로 key라는 변수를 사용 가능
};

// 'Seong Jun'
// 'Chung'
// 28
// ['JavaScript', 'React', 'Nodejs']

좋은 웹페이지 즐겨찾기