객체(Object)와 forEach()

헷갈려서 적어보는 Object에서 key와 value 얻기 😊

obj = {
  1: { name: "나나", phone: "010467864" },
  2: { name: "보라돌이", phone: "010222264" },
};

for 문을 사용해서 key 얻기

for (key in obj) {console.log(key)}; //출력값: 1 2

for 문을 사용해서 value 얻기

for (key in obj) {console.log(obj[key])}; 
//출력값: { name: '나나', phone: '010467864' }  { name: '보라돌이', phone: '010222264' }

위의 for문을 리스트 안에 값을 넣으면서 돌린다면 출력값을 리스트로 얻을 수 있을 것이다. 하지만 아래의 코드를 사용하면 더 간략하게 코드를 작성할 수 있다.

리스트 형태로 얻기

console.log(Object.keys(obj));
//출력값: ["1", "2"]

console.log(Object.values(obj)); 
//출력값: [{ name: '나나', phone: '010467864' }, { name: '보라돌이', phone: '010222264' }]

리스트로 얻을 수 있다면 forEach 문을 for문 대신 사용할 수 있다.

Object.keys(obj).forEach((el) => console.log(obj[el])); //{ name: '나나', phone: '010467864' }  { name: '보라돌이', phone: '010222264' }
Object.values(obj).forEach((el) => console.log(el)); //{ name: '나나', phone: '010467864' }  { name: '보라돌이', phone: '010222264' }