점 표기법
가장 기본적이고 자주 사용되는 방법 중 하나인 점 표기법입니다. 이는 객체의 속성에 직접 접근하는 방법입니다.
1
2
3
4
5
6
7
const person = {
name: 'taewok',
age: 23,
job: 'Developer'
};
console.log(person.name); // 'taewok'
- 표기법: 객체이름.key
대괄호 표기법
객체 속성의 이름을 문자열로 감싸고 대괄호로 둘러싸는 방법입니다.
1
2
3
4
5
6
7
const person = {
name: 'taewok',
age: 23,
job: 'Developer'
};
console.log(person['name']); // 'taewok'
- 표기법: 객체이름[‘key’]
🚫 주의
1
person[name] // name 이라는 변수로 인식
무조건 key 값에는 문자열이 들어가야 한다. name변수가 존재하고 문자열이라면 가능하다.
비구조화 할당
ES6에서 도입된 객체 비구조화 할당은 객체의 속성을 추출하여 변수에 할당하는 방법입니다.
1
2
3
4
5
6
7
8
9
const person = {
name: 'taewok',
age: 23,
job: 'Developer'
};
const { name } = person;
console.log(name); // 'taewok'
마치며
혹시 잘못된 정보나 궁금하신 게 있다면 편하게 댓글 달아주세요.
지적이나 피드백은 언제나 환영입니다.