JS 객체 dot notation과 bracket notation

객체 dot notation과 bracket notation

 

출처 : https://velog.io/@hyksmine/day-8

객체의 표기법에는 두가지가 있다.

• dot notation
• bracket notation

dot notation :  key.value. (value는 문자열이다.)

읽기 쉽고 더 자주 사용하는 방식이다. 객체를 배우기 이전부터 js의 많은 기능을 dot.notation으로 사용해오고 있었다.

변수를 통해 객체에 접근 할 수 없어서 key 값을 직접 입력해 주어야 한다.

let obj = {		
		fruit : 'banana',
        animal : 'monkey'
        };
        
let food = obj.fruit  
//obj.fruit 는 obj의 fruit 키의 값인 'banana'를 dot notation으로 나타낸 것이다.
console.log(food) // banana

 

bracket notation :

key[value] (value라는 변수에 문자열이 할당되어 있을때) or key['value'] ('value'는 객체내의 키 값)

 key 값을 변수로 사용할 때 주로 쓰인다.

 

let obj = {		
		fruit : 'banana',
        animal : 'monkey'
        };
        
let food = obj['fruit']
let creature = 'animal'

console.log(food) // banana
console.log(obj[creature]) // monkey
//creature = 'animal'이기 때문에 obj[creature]=obj['animal']과 같다.
//이처럼 bracket notation은 변수를 활용해 객체에 접근할 수 있다.

 

 

bracket notation과 dot notation의 가장 큰 차이는 변수를 활용할 수 있느냐 없느냐 이다.