filter, forEach ,map 비교!

4928 단어 JavaScriptJavaScript

오늘은 javaScript의 filter,map method에 대해서 알아보자!🦋

1. filter()

간단히 말하면

  1. 조건을 줬을때 해당하는 조건의 요소들을 새로운 배열로 리턴해주는 메소드이다!
  2. 원본배열에 영향을 주지 않는다.(새로운 배열을 만든다.)
const words = ['a','bb','ccc','dddd','eeeeee'];
const result = words.filter(word=> word.length>3);
console.log(result);
console.log(words);

//  ["dddd", "eeeeee"]
//  ["a", "bb", "ccc", "dddd", "eeeeee"]

2. forEach()

  1. 각각의 배열 요소를 꺼내준다.
  2. 원본배열에 영향을 주지 않는다.
const array = ['a','b','c'];
array.forEach(item => console.log(item));

//a
//b
//c

3. map()

  1. 원본배열에 영향을 주지 않는다.(새로운 배열을 만든다.)
  2. 메서드의 인수로 함수를 넘긴다.
  3. 요소를 일괄적으로 변경한다.
const testarray = [1,2,3,4];
const testmap = testarray.map(item=>item*3);
console.log(testmap);
console.log(testarray);

// [3,6,9,12];
// [1,2,3,4];

오늘은 여기까지! 크크><ㅋ

출처: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

(mdn love..🥰)

좋은 웹페이지 즐겨찾기