반복문 비교

속도 테스트 코드

const start = new Date()
// 실행 코드
console.log((new Date() - start) / 1000)

https://compat-table.github.io/compat-table/es2016plus/

for loop

const array = new Array(10000000).fill().map((v, i) => i);
const start = new Date();
let str = "";
for (let i = 0; i < array.length; i++) {
    str += array[i];
}
console.log(new Date() - start); // 2041

for of

for 문보다 느림
가독성, 접근성이 좋음 (카운터 변수가 필요없음)
각 배열 요소의 인덱스와 값에 모두 접근해야하는 경우 ES6 Array의 entries() 메소드와 destructuring 사용

const array = new Array(10000000).fill().map((v, i) => i);
const start = new Date();
let str = "";
for(const v of array) {
    str += v;
}
console.log(new Date() - start); // 3773

forEach

for 문보다 느림
가독성, 접근성이 좋음 (카운터 변수가 필요없음)

const array = new Array(10000000).fill().map((v, i) => i);
const start = new Date();
let str = "";
array.forEach(v => {
    str += v;
});
console.log(new Date() - start); // 4899