프론트엔드 센트럴파크 (☞゚ヮ゚)☞

프로퍼티 열거 본문

Javascript

프로퍼티 열거

자라나라나무나무나 2022. 6. 8. 11:51
// 프로퍼티 열거

const obj = {
    prop1 : 'value1',
    prop2 : 'value2',
    prop3 : 'value3',
    prop4 : 'value4',
};

const prop1 = 'prop1';
console.log(obj[prop1]); // output : value1

console.log(prop1); // output : prop1

console.log(obj.prop1); // output : value1

console.log(obj['prop1']); // output : value1

for(const key in obj) { // output : value1, value2, value3, value4
    console.log(obj[key]);
}

 

표현식 처럼 이용이 가능하다

const prop1 = 'prop1'; 로 선언을 해준다.
 
여기서 prop1은 obj의 prop1과 이름이 같고, 키값이 value1의 값이기 때문에 콘솔값은 value1이 나온다.
 
console.log(obj[prop1]); // output : value1
 
 
 

 

'Javascript' 카테고리의 다른 글

객체 속성 배열로 꺼내기 - Object.keys() , Object.values(), Object.entries()  (0) 2022.06.08
프로퍼티 조작  (0) 2022.06.08
객체 생성  (0) 2022.06.07
2차원 배열 반복문  (0) 2022.06.04
Date()  (0) 2022.06.04
Comments