[JavaScript] array methods

OFFDUTYBYBLO·2020년 6월 3일
0

JavaScript

목록 보기
26/40
post-thumbnail

1.array methods

  • arrow function을 가장 많이 사용할 때는 callback 함수로 사용할 때 이다.
  • callback 함수란, 인자로 전달되는 함수라고 생각하면 된다.
  • 가장 많이 사용되는 메서드 2가지
    1)Array.map()
    2)Array.forEach()

2.Array.map()

  • map 메서드는 배열을 반복해주는데, callback 함수에서 return한 값으로 다시 생성된 배열이다.
const arr = [1, 2, 3];
const squares = arr.map(x => x * x);
const squares = arr.map(function (x) { 
  return x * x;
}); 
// 위의 코드를 원래대로 표현

3.Array.forEach()

  • forEach는 for 대신 사용하는 반복문이다.
  • map과의 큰 차이는 forEach 함수 자체가 return 하는 것도 아무것도 없다는 것이다.
  • 그냥 forEach 함수를 탈출하고 싶을 때 return을 사용하면 됩니다.
  • map은 요소가 수정된 새로운 배열이 return 되었다면, forEach는 return X
let startWithNames = [];
let names = ['a', 'ab', 'cbb', 'ada'];

names.forEach(el => {   
  if (el.startsWith('a')) {     
    startWithNames.push(el);   
  } 
});
profile
블로그 운영 x

0개의 댓글