[javascript] 반복문 최적화 방법

05 Dec 2023

javascript

배열 메서드 사용하기: 배열 메서드를 사용하여 반복문을 피할 수 있습니다. 예를 들어, forEach, map, filter와 같은 배열 메서드를 사용하면 반복문을 대신 실행할 수 있습니다. 이러한 배열 메서드는 내부적으로 최적화되어 있으므로 성능 향상을 기대할 수 있습니다.

const numbers = [1, 2, 3, 4, 5];

// 반복문 대신 배열 메서드 사용
numbers.forEach(number => {
  console.log(number);
});

const mappedNumbers = numbers.map(number => number * 2);
console.log(mappedNumbers);

const filteredNumbers = numbers.filter(number => number > 3);
console.log(filteredNumbers);

초기값 사용하기: 반복문에서 변수를 초기화하는 경우, 변수를 선언하고 초기값을 할당하는 것이 성능에 도움이 됩니다. 변수를 선언하지 않고 초기값을 할당하는 방식보다 성능이 개선됩니다.
```
// 성능 개선 전
let sum = 0;
for (let i = 0; i < numbers.length; i++) {
  sum += numbers[i];
}

// 성능 개선 후
let sum = numbers[0];
for (let i = 1; i < numbers.length; i++) {
  sum += numbers[i];
}
```

반복문 종료 조건 최적화하기: 반복문의 종료 조건을 최적화하여 반복 횟수를 줄일 수 있습니다. 종료 조건을 불필요하게 체크하지 않고, 최적화된 종료 조건을 사용하는 것이 좋습니다.

// 성능 개선 전
for (let i = 0; i < numbers.length; i++) {
  if (numbers[i] === 3) {
    break;
  }
  console.log(numbers[i]);
}

// 성능 개선 후
const index = numbers.indexOf(3);
for (let i = 0; i < index; i++) {
  console.log(numbers[i]);
}

위에 제시된 방법들은 일반적인 반복문 최적화 방법입니다. 그러나 성능 향상을 위해 항상 각 상황에 맞는 최적화 방법을 고려해야 합니다. 따라서 코드 프로파일링을 통해 성능 문제를 식별하고, 해당 부분을 직접 최적화하는 것이 중요합니다.

참고문헌: