Dot Notation
key
를 입력한다.let myself = {
name: 'joo',
age: 20,
dog: 'cherry',
};
console.log(myself.name) //joo
Bracket Notation
[]
를 활용해서 접근하고자 하는 key
를 입력한다.let myself = {
name: 'joo',
age: 20,
dog: 'cherry',
};
console.log(myself['name']) //joo
Dot Notation
- 숫자로 시작하는 key
에 접근할 수 없다.
- 띄어쓰기가 포함된 key
에 접근할 수 없다.
- property
key
에 변수가 포함되어 있으면 접근할 수 없다.
예시와 함께 설명해보자면,
let myself = {
name: 'joo',
age: 20,
dog: 'cherry',
};
let myKey = 'name'
console.log(myself['name']) //joo
console.log(myself[myKey]) //joo
console.log(myself.myKey); //undefined
즉, Bracket Notation
에서는 객체 프로퍼티 중 key
를 변수에 담아 그 변수를 대괄호[]
안에 넣어 출력하면 값을 동일하게 나온다.
하지만, Dot Notation
에서는 key
에 변수가 포함되어 있으면 접근할 수 없다.
Dot Notation
에서는 변수를 사용할 수 없고, Bracket Notation
에서만 변수를 사용할 수 있다.
Bracket Notaion
let myPlants = [
{
type: "flowers",
list: [
"rose",
"tulip",
"dandelion"
]
},
{
type: "trees",
list: [
"fir",
"pine",
"birch"
]
}
];
//여기에서 pine을 반환하고 싶다면,
let foundValue = myPlants[1].list[1];
console.log(foundValue); //pine