JavaScript의 객체

객체

여러 값을 key-value 형태로 결합
사물함에 비유

• 객체 생성

const obj1 = new Object();
const obj2 = {};
const obj3 = { name: 'ikjun', major: 'frontend'}

• 객체 요소 추가
  object명["key값"] = "value값"
  or
  object명.key값 = "value값"

const obj = { name: 'ikjun', major: 'frontend' };

obj['email'] = 'harry@naver.com';
obj.phone = '01012345678';

console.log(obj);
/*
{
  name: 'ikjun', major: 'frontend',
  email: 'harry@naver.com', phone: '01012345678'
}
*/

• 객체 요소 삭제 : delete object명.key값

delete obj.phone;
console.log(obj);
// { name: 'ikjun', major: 'frontend', email: 'harry@naver.com' }

• 객체 내 요소 포함 확인 : in

console.log('email' in obj); // true
console.log('phone' in obj); // false

• 객체의 모든 key, value 알아내기 : Object.keys(), Object.values()

console.log(Object.keys(obj)); // [ 'name', 'major', 'email' ]
console.log(Object.values(obj)); // [ 'ikjun', 'frontend', 'harry@naver.com' ]

• 객체 요소 순회 : for in

for (const key in obj) {
  console.log(key, obj[key]); 
}
/*
  name ikjun
  major frontend
  email harry@naver.com
 */

---

😅 해당 내용은 공부하면서 정리한 글입니다. 틀린 부분이나 오해하고 있는 부분이 있다면 피드백 부탁드립니다.

관련 레퍼런스

[MDN 공식문서]
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object
[poiemaweb]
https://poiemaweb.com/js-object