Extend-w1D4) map(), filter() 배열(array)메서드

horiz.d·2022년 7월 7일
0

AI양재허브 웹트랙

목록 보기
9/11

1. arr.map() 메서드

reduce와 같이 기존 객체를 수정하지 않고 새로운 배열을 구성해 반환하는 메서드



//Form
arr = []
arr.map(( 현재요소, 현재인덱스 , 배열(=arr) ) => { return ... });
	// 반환값은 모든 각 콜백 반환값을 배열로 저장해 반환
---

  
arr = [1,2,3]

	//ex1. 
arr.map((curVal, curIdx, thisArr) => {return curVal} )
	// 결과 : [1,2,3]

	//ex2.
arr.map((curVal, curIdx, thisArr) => {return curIdx} )
	// 결과 : [0,1,2]

	//ex3.
arr.map((curVal, curIdx, thisArr) => {return thisArr} )
	// 결과 : [ [1,2,3], [1,2,3], [1,2,3]]




2. arr.filter() 메서드

map과 비슷하게 순서대로 배열의 값을 받아, 명령부의 조건에 맞는 item들 만을 다시 배열로 구성하여 반환하는 메서드

arr = [
  		{id:1, val:10},
  		{id:2, val:20},
  		{id:3, val:30}
 ]

resArr = arr.filter((item) => { item.val > 15 } )

console.log(resArr)
// 출력값 : [{id:2, val:20}, {id:3, val:30}]


ref :

  1. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

  2. https://velog.io/@shin6403/Javascript-%EC%A3%BC%EC%9A%94-%EB%A9%94%EC%86%8C%EB%93%9Cruduce-%EB%B0%8F-%EC%98%88%EC%A0%9C

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

profile
가용한 시간은 한정적이고, 배울건 넘쳐난다.

0개의 댓글