Javascript : 반복문으로 배열과 객체 순회하기

출처: 한 입 크기로 잘라먹는 리액트

// 반복문으로 배열이나 객체 순회하기.

let arr = [1, 2, 3];

// 1. 배열 인덱스
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

let arr2 = [4, 5, 6, 7, 8];
for (i = 0; i < arr2.length; i++) {
  console.log(arr2[i]);
}

// 1-2. for of 반복문
// 배열을 순회하기 위해서만 존재함 (배열에서만 사용 가능함)

for (let item of arr) {
  console.log(item)
} // 인덱스를 저장하지 않고 배열안에 있는 순서만을 순회하는 것. 위의 방법과 큰 차이가 없다.

// 2. 객체 순회
let person = {
  name: '김선명',
  age: 29,
  hobby: '잠자기',
}

// 2-1 Object.keys 사용
// -> 객체에서 key 값들만 뽑아서 새로운 배열로 반환

let keys = Object.keys(person);

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

// 2-2 Object.values
// -> 객체에서 value 값들만 뽑아서 새로운 배열로 반환
let values = Object.values(person);
for (let value of values) {
  console.log(value);
}

// 2-3 for in (객체만을 위해 존재하는 특수한 반복문)

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