map

  • 배열의 각 요소가
  • 특정 논리(함수)에 의해
  • 다른 요소로 지정(map) 됩니다.
let arr = [1, 2, 3, 4]

let power = arr.map((e) => {
	return e * 2
})

console.log(power) // [2, 4, 6, 8]
console.log(arr) // [1, 2, 3, 4]
//원본 배열을 바꾸지 않고 새로운 배열을 만들어 낸다

 

filter

  • 배열의 각 요소가
  • 특정 논리(함수)에 따르면, 사실(boolean)일 때
  • 따로 분류합니다(filter).
let arr = [1, 3, 4, 5, 6]

let isEven = arr.filter((e) => {
	return e % 2 === 0
})

console.log(isEven) // [4, 6]
console.log(arr) // [1, 3, 4, 5, 6]

 

reduce

  • 배열의 각 요소를
  • 특정 방법(함수)에 따라
  • 원하는 하나의 형태로
  • 응축합니다. (reduction)
let arr = [1, 2, 3, 4]
function sum(num1, num2){
	return num1 + num2
}

console.log(arr.reduce(sum)) //10


let power = arr.reduce((acc, el) => {
	 return acc * el	
})

console.log(power) //24

'학습' 카테고리의 다른 글

배웠지만 잊었던 것들(substring, concat)  (0) 2021.08.16
compose 추상화  (0) 2021.08.10
Shallow copy / Deep copy  (0) 2021.08.05
구조 분해 할당  (0) 2021.08.05
Spread / Rest 문법  (0) 2021.08.05