[JS] 자바스크립트 반복 처리 정리

자바스크립트 반복 처리 정리

자바스크립트에서의 반복 처리는 데이터 구조를 순회하며 각 요소에 대해 반복적인 작업을 수행할 때 사용됩니다. 자바스크립트는 다양한 방법을 제공하여 이터레이션을 처리할 수 있습니다.

1. 전통적인 반복문

• for 문: 가장 기본적인 반복문으로, 초기식, 조건식, 증감식을 사용해 명시적인 반복을 제어합니다.

  for (let i = 0; i < 10; i++) {
    console.log(i);
  }

• while 문: 주어진 조건이 참인 동안 코드 블록을 계속 실행합니다.

  let i = 0;
  while (i < 10) {
    console.log(i);
    i++;
  }

• do-while 문: 최소 한 번 코드를 실행한 후 조건을 평가하여 추가 실행 여부를 결정합니다.

  let i = 0;
  do {
    console.log(i);
    i++;
  } while (i < 10);

caption: 'do-while 문' 사용

2. 배열에 대한 고급 이터레이션 메서드

자바스크립트의 배열 객체는 이터레이션을 용이하게 하는 여러 메서드를 제공합니다. 이 메서드들은 함수형 프로그래밍을 지원하며, 각 요소에 대한 콜백 함수를 인자로 받습니다.

• forEach(): 배열의 각 요소에 대해 콜백 함수를 한 번씩 실행합니다.

  [1, 2, 3].forEach(item => console.log(item));

• map(): 모든 요소에 대해 함수를 호출하고 결과를 새 배열로 반환합니다.

  const squares = [1, 2, 3].map(num => num * num);
  console.log(squares);

• filter(): 조건을 만족하는 모든 요소로 새 배열을 만듭니다.

  const evens = [1, 2, 3, 4, 5].filter(num => num % 2 === 0);
  console.log(evens);

• reduce(): 배열의 각 요소에 대해 누적 계산을 수행하고 하나의 결과값을 반환합니다.

  const sum = [1, 2, 3, 4, 5].reduce((acc, curr) => acc + curr, 0);
  console.log(sum);

caption: reduce() 배열 사용 사례

3. 이터러블과 이터레이터

ES6 이상에서는 이터러블 프로토콜과 이터레이터 프로토콜을 지원하여, for...of 문을 사용하여 이터러블 객체를 순회할 수 있습니다.

• for...of 문: 이터러블 객체의 값을 순회합니다.

  for (const value of [1, 2, 3]) {
    console.log(value);
  }

caption: 'for...of 문' 활용

 

이터레이션 기능은 데이터를 다루거나 알고리즘을 구현할 때 매우 유용하며, 자바스크립트에서는 다양한 방법을 통해 효율적으로 데이터 컬렉션을 처리할 수 있습니다.