[JavaScript] 배열과 객체의 값을 순회하는 방법 - for, for of, Object.key, Object.value, for in

이번 글은 배열과 객체 안의 값을 순회하는 여러가지 방법에 대한 글이다

 

---

 

 

[ 배열 순회 ]

아래 코드와 같이 배열이 있을 경우 각각의 값에 하나하나 도달하는 배열의 순회 방법 2가지를 알아볼 것이다.

let arr = [1, 2, 3];

 

방법 1) for문

for (let i = 0; i < arr.length; i++) {}

 

방법 2) for of - 배열에서만 사용가능한 반복문

for (let item of arr) {
  console.log(item);
}

 

 

---

 

 

[ 객체 순회 ]

아래 코드와 같이 객체가 있을 때 객체의 키와 값에 하나하나 도달하는 방법 3가지를 알아볼 것이다.

let person = {
    name: "황서영",
    age: 24,
};

 

 

방법 1) Object.keys - 객체에서 key 값들만 뽑아 새로운 배열로 반환하는 것

let keys = Object.keys(person);

for (let key of keys) {
    console.log(key);
}

결과값

 

 

방법 2) Object.values - 객체에서 value 값들만 뽑아 새로운 배열로 반환하는 것

let values = Object.values(person);

for (let value of values) {
    console.log(value);
}

결과값

 

 

방법 3) for in - 객체만을 위한 반복문

for (let key in person) {
    const value = person[key];
    console.log(key, value);
}

결과값

 

 

 

---