TIL -26. JavaScript : [es6] arrow methods

1. arrow methods
   : 가장 많이 사용할 때는 callback함수로 사용할 때이다.

callback이란? 인자로 전달되는 함수

arrow의 반복문으로 사용되는 map, forEach 메서드는 정말 많이 쓰이는 메서드이다.

Array.map()
Array.forEach()

1.Array.map()

• map 메서드는 배열을 반복한다.
• callback 함수에서 return한 값으로 매(each)요소를 수정한다.
• map메서드의 return값은 수정된 값으로 다시 생성된 배열이다.

코드:

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

코드 결과:

1
4
9

• Array 타입의 데이터를 요소 갯수 만큼 반복한다.

• 반복할 때마다 실행할 함수를 parameter로 전달한다.
  그러면, callback 함수에서 array의 요소를 인자(x)로 받는다.

• 해당요소를 수정하고 싶은대로 로직을 구현하고 return시
  해당 index의 요소가 return된 값으로 치환된다.

2. Array.forEach()
   forEach는 for 대신 사용하는 반복문

• map과의 큰 차이는 "map은 요소가 수정된 새로운 배열이 return o
  forEach는 아무것도 return x"
• forEach 함수를 탈출하고 싶을 때, return을 사용하면 된다.

코드 :

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

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

위의 코드는 "a라고 시작하는 것이 있으면 startWithNames에 넣어줘라고 말하는 것이다."

코드 결과:

[ 'a', 'ab', 'ada' ]