개요

• 자료형 여러개를 한번에 저장
  • 배열과 같지만 배열은 인덱스 기반, 객체는 key 기반
• 자바스크립트에서는 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체

선언

// 리터럴 표기를 이용한 객체의 생성
var product = {
	제품명 : '7D 건조 망고',
	유형 : '당절임',
	성분 : '망고, 설탕, 메타중아황산나트륨, 치자황색소',
	원산지 : '필리핀'
};

// 생성자를 이용한 객체의 생성
var day = new Date();

// Object.create() 메소드를 이용한 객체의 생성
var obj = Object.create(null, {             // null 프로토타입을 사용하여 새로운 객체를 만들고
    x: { value: 100, enumerable: true },    // x좌표를 나타내는 열거할 수 있는 프로퍼티와
    y: { value: 200, enumerable: true }     // y좌표를 나타내는 열거할 수 있는 프로퍼티를 추가함.
});
obj.x;                      // x좌표
obj.y;                      // y좌표 
Object.getPrototypeOf(obj); // 객체의 프로토타입을 반환해 줌.

참조

// 대괄호 사용
product['제품명'] //7D 건조 망고
product['성분 ']  //망고, 설탕, 메타중아황산나트륨, 치자황색소

//도트 연산자 사용
product.제품명 //7D 건조 망고
product.성분  //망고, 설탕, 메타중아황산나트륨, 치자황색소

<aside> 💡 식별자로 사용할 수 없는 키

var obj = {
	'with ~!@#$%^&*()_+' = 52
};

다음과 같이 식별자 생성 규칙에 어긋나는 문자를 키로 사용할 때는 반드시 대괄호로 감싸야 객체 요소 접근 가능

</aside>

for in 반복문

객체의 key를 하나씩 가져옴

for (var 키 in 객체) {
	문장;
}

• Object.keys()

  해당 객체가 가진 고유 프로퍼티 중에서 열거할 수 있는 프로퍼티의 이름을 배열에 담아 반환