[JS]14_객체의 모든 key, value 값 가져오기(for in 루프)

: 객체의 모든 프로퍼티를 순회하기 위해서는 for..in 반복문을 사용한다.

1.기본 문법

for(variable in object){
  //코드블록
}

• variable: object에서 순차적으로 하나씩 꺼내온 property(속성)의 key(이름)
• object: 탐색할 object

const person = {  // 1
  name : 'Anna',  // 2
  age : 20,       // 3
  id : 'hianna'   // 4
};                // 5

for(prop in person){                 // 7
 document.write(prop+" : "+person[prop]+'<br>'); // 8
}  // 9

-> 값:
name : Anna
age : 20
id : hianna

• line1~5
  : person 이라는 객체를 만들고, name, age, id 속성을 정의하였다.

• line7~9
  : for..in 반복문을 사용하여, 객체 안의 속성을 하나씩 탐색하면서 key, value를 출력한다.

• line7
  : for..in 구문을 이용하여, person 객체에서 prop 이라는 이름으로 속성을 하나씩 추출한다.
  : for..in 구문을 블록 안에서, prop이라는 이름으로 객체으 ㅣ각각의 속성명을 접근할 수 있다.

• line8
  : 속성명(key) 출력 -> prop은 객체의 속성명을 출력한다.
  : 속성값(value) 출력 -> person[속성명] 구문을 사용하였다.