for / map 성능

const animals = ["lion", "tiger"];
animals.forEach(animal => {
  console.log(animal);
});

// lion
// tiger

const animals = ["lion", "tiger"];
const result = animals.map(animal => {
  console.log(animal);
  return animal;
});
console.log(result); 

// lion
// tiger
// ["lion", "tiger"]

let start = new Date();

for(let i=0; i<1000000; i++){
  let doSomething = i * i * i;
}
let end = new Date();

console.log(`for문을 모두 도는데 ${end - start}`);

let start1 = new Date();

const v = Array(1000000).fill(0);
v.map((v, i)=>{
  let doSomething = i * i * i;
});

let end1 = new Date();

console.log(`map을 모두 도는데 ${end1 - start1}`);

let start2 = new Date();

v.forEach((v,i)=>{
  let doSomething = i * i * i;
})

let end2 = new Date();

console.log(`forEach을 모두 도는데 ${end2 - start2}`);

let start3 = new Date();

v.reduce((v,i)=>{
  let doSomething = i * i * i;
});

let end3 = new Date();

console.log(`reduce을 모두 도는데 ${end3 - start3}`);


let start4 = new Date();

v.filter((v,i)=>{
  let doSomething = i * i * i;
})

let end4 = new Date();

console.log(`filter을 모두 도는데 ${end4 - start4}`);

성능에 있어서 for문이 가장 빠르다.
map이 가장 느리긴하지만 배열이 커지거나 데이터의 양이 많아질 수록 for문과 비슷한 속도를 낸다.

%참고%
https://blog.naver.com/PostView.nhn?blogId=thdwlsgus0&logNo=222269338961&parentCategoryNo=&categoryNo=26&viewDate=&isShowPopularPosts=true&from=search

https://medium.com/@wdjty326/javascript-es6-map-vs-object-performance-%EB%B9%84%EA%B5%90-7f98e30bf6c8