[JavaScript] 자바스크립트 객체 요소 값 확인하기

065_자바스크립트 객체 요소 값 확인하기

[적용]

• API response의 데이터를 확인하고 싶을 때

---

[문법]

메소드	의미	반환
Object.keys(객체)	객체 각 키의 배열	배열
Object.values(객체)	객체 각 데이터의 베열	배열
Object.entries(객체)	객체 각 속성(Key, Value)의 배열	배열

---

[내용]

객체 각 속성(Perperty)의 루프 처리 방법을 확인해 보자. 해당 메소드를 통해 키, 데이터, 속성을 나열하는 배열을 만들 수 있다.

// 개인의 정보 데이터 객체
const userData = {
    id: 1,
    name: '사자',
    age: 26
}

// 키를 기준으로 루프 처리
console.log(Object.keys(userData);  // 결과: ['id', 'name', 'age']

// 데이트를 기준으로 루프 처리
console.log(Object.values(userData);  // 결과: [1, '사자', 26]

// 속성을 기준으로 루프 처리
console.log(Object.entries(userData);  
// 결과: [['id', 1], ['name', '사자'], ['age', 26]]

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김