[모던 자바스크립트 Deep Dive] 10장 : 객체 리터럴 - JS

객체

객체란 0개 이상의 프로퍼티로 구성된 집합이다.

---

프로퍼티

프로퍼티는 키(key)와 값(value)으로 구성된다.

 

 

• 프로퍼티 키 : 빈 문자열을 포함하는 모든 문자열 또는 symbol 값
• 프로퍼티 값 : 자바스크립트에서 사용할 수 있는 모든 값

 

프로퍼티 키는 일반적으로 문자열을 사용

그렇지만 네이밍 규칙을 준수하는 이름인 경우 따옴표 생략 가능

 

 

프로퍼티 접근

프로퍼티 접근 방법

• 마침표 표기법
• 대괄호 표기법

var person = {
  name: 'Tooo1'
};

console.log(person.name);	// 마침표 표기법
console.log(person.['name']);	//대괄호 표기법

 

 

프로퍼티 갱신

var person = {
  name: 'Tooo1'
};

person.name = 'T'

console.log(person);	// {name: "T"}

이미 존재하는 프로퍼티에 값을 할당하면 프로퍼티 값이 갱신된다.

 

 

프로퍼티 동적 생성

var person = {
  name: 'Tooo1'
};

person.age = 10;

console.log(person);	// {name: "Tooo1", age:10}

존재하지 않는 프로퍼티에 값을 할당하면 프로퍼티가 동적으로 생성되어 추가되고 값이 할당된다.

 

 

프로퍼티 삭제

var person = {
  name: 'Tooo1',
  age: 10
};

delete person.age;

console.log(person);	// {name: "Tooo1"}

delete 연산자로 객체의 프로퍼티를 삭제한다.

 

 

 

하트 누르면 위 내용 전부 기억하게 됩니다.