Javascript - array method

Javascript에는 array method가 대표적으로 2가지 있다 .

Array.map()

const arr = [1, 2, 3];
const squares = arr.map(x => x * x);

array 타입의 데이터 요소 갯수 만큼 반복한다.
반복할 때마다 실행할 함수를 파라미터로 전달한다.
그러면 callback 함수에서 array의 요소를 인자(x)로 받는다.

즉 각 요소 마다 함수를 적응시켜 새로운 배열을 return한다.

Array.foreach()

foreach는 for 대신 하는 반복문이다.
map 과의 큰 차이는 foreach 자체는 아무것도 return하지않는다.
foreach문을 탈출하고 싶을때 return 을 사용한다.
map은 새로운 배열이 return 되는 반면 foreach는 아무것도 return 하지 않는다.

let startWithNames = [];
let names = ['a', 'ab', 'cbb', 'ada'];


names.forEach(el => {   
  if (el.startsWith('a')) {     
    startWithNames.push(el);   
  } 

starWithNames에 요소를 추가하고 끝난다.

let hasC = false;
let arr = ['a', 'b', 'c', 'd'];

arr.forEach(el => {
  if (el === 'c') {
    hasC = true;
    return;
  }
});

hasC를 true로 만들고 forEach함수 종료!

두가지 함수를 적절히 잘 사용해야한다.