반복문(for, for-in, for-of), 유용한 Array 메소드

[devSoyoung]

반복문

for

다른 프로그래밍 언어(C++, Java)와 같은 형태의 반복문

for (let i = 0; i < 5; i++) {
   console.log(i);        // 1,  2,  3,  4,  5
}

for .. in #31

반복 변수(i)에 인덱스를 리턴

const arr = [1, 2, 3];
for (let i in arr) {
    console.log(i, arr[i]); // 0 1,  1 2,  2 3
}

for .. of #31

ES6 이상 사용 가능

반복 변수(i)에 해당 값을 리턴, Object에서도 사용이 가능함

const arr = [1, 2, 3, 4, 5];
for (let i of arr) {
    console.log(i); // 1,  2,  3,  4,  5
}

object에서는 반복 변수에 key를 전달

• 장점 : forEach를 사용하면 특정 조건 탈출이 어렵고, 모든 요소를 순회하는데 for .. of는 return이 쉬움

  const object = {1 : '가', 2:'나', 3:'다', 4:'라'};
  for (let i in object){
  console.log(object[i]); // 가,  나,  다,  라
  }

[devSoyoung]

Array 메소드

forEach

배열의 모든 요소에 대해 콜백함수를 실행

map

배열의 모든 요소에 대해 콜백함수를 실행한 결과를 받아서 새로운 배열을 반환

const arr = [1, 2, 3, 4, 5];
const mapResult = arr.map(item => item + 4);
console.log(mapResult);     // [2, 3, 4, 5, 6]

reduce

누적값을 파라미터로 받으며, 초기값을 설정할 수 있음

filter

some

[devSoyoung]

참고링크

• forEach에 break문 대신 some 사용하기
• map, reduce 활용하기