[JS] 객체리터럴

객체는 여러 개의 변수를 하나의 변수로 묶을 때 사용합니다. 객체는 중괄호 {...}를 이용해 만들 수 있습니다. 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 구성된 프로퍼티(property) 를 여러 개 넣을 수 있는데, 키엔 문자형, 값엔 모든 자료형이 허용됩니다. 프로퍼티 키는 ‘프로퍼티 이름’ 이라고도 부릅니다.

다음과 같이 사람의 정보를 나타내는 변수들이 있습니다.

const name = '김철수';
const age = '34';

객체를 사용하면 여러 개의 변수를 하나로 묶을 수 있습니다. {...}를 이용해 객체를 선언한느 것을 객체 리터럴(object literal) 이라고 부릅니다. 주로 이 방법을 사용합니다.

const person = {
    name: '김철수',
    age: 34,
};

person이라는 변수를 선언하고, 그 안에 정보를 모았습니다. 정보들은 {...}안에 묶여 있습니다. 객체 내부에 사용되는 name, age 같은 정보들을 속성(property)라고 합니다.

객체 person에는 프로퍼티가 5개 있습니다.

1. 첫 번째 프로퍼티 - 'name'(key)과 '김철수'(value)
2. 두 번째 프로퍼티 - 'age'(key)과 34(value)

접근방법

const person = {
    name: '김철수',
    age: 34,
};

console.log('person.name');
console.log('person['name']');
console.log('person.age');
console.log('person['age']');

대괄호 표기법

key 에 특수문자나 띄어쓰기, 숫자가 앞에 있을 때는 'c-a'처럼 따옴표를 붙여줘야합니다.
대괄호 표기법은 키에 어떤 문자열이 있던지 상관없이 동작합니다.

대괄호 표기법 안에서 문자열을 사용할 땐 문자열을 따옴표로 묶어줘야 한다는 점에 주의하시기 바랍니다.

const obj = {
    bc: 'hello',
    '2bc': 'hello1',
    'c a': 'hello2',
    'c-a': 'hello3',
};

console.log(obj['2bc']);
console.log(obj.2bc); //error

객체 속성 제거

delete person.age;
console.log(person.age); // undefined