Intro

배열에 대해 자주 사용하는 로직을 재활용할 수 있게 만든 일종의 메서드 집합.

forEach, map, filter, reduce, find, some, every

ForEach

• 하나씩 꺼내~먹어요

const colors = ['red','blue','green'];
colors.forEach((color,idx) => {
	console.log(idx, color);
});

map

• 배열 내의 모든 요소에 대해 주어진 callback 함수를 실행한다
• 함수의 반환값을 요소로 하는 새로운 배열을 만든다.

const numbers = [1,2,3]
const doubleNumbers = numbers.map((number) => {
	return number*2
})

filter

• 주어진 callback 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열을 만든다.
• 즉, return 구문이 true인 경우만 반환한다.

const products = [
  {name:'cucumber', type:'vegetable'},
  {name:'banana', type:'fruit'},
  {name:'carrot', type:'vegetable'},
  {name:'apple', type:'fruit'},
]

const fruits = products.filter((product) => {
	return product.type === 'fruit'
})

const fruits2 = products.filter(product => product.type === 'fruit')

reduce

• 배열의 각 요소에 대해 주어진 reduce함수를 실행하고, 하나의 값을 반환
• array.reduce(callback(축적되는 값, 각각의 값), initialValue)

const numbers = [90,90,100,50,80]
const sum = numbers.reduce((acc, element) => acc+element, 0)

find

• 주어진 판별 함수를 만족하는 첫번째 요소의 값 을 반환

const avengers = [
  {name:'aa',age:45},
  {name:'ba',age:32},
  {name:'bb',age:13}
]
const aa = avengers.find(avenger => avenger.name === 'aa')

some

• 어떤 요소라도 (하나라도) 주어진 판별 함수를 통과한다면 true/ false를 반환

const arr = [1,2,3,4,5]
arr.some(element => element%2 === 0) //true
arr.some(function (element) {
  return element % 2 === 0
})

every

• 모든 요소가 판별 함수를 통과하면 true. 아닐경우 false.

const arr = [1,2,3,4,5]
arr.every(function(element) {
  return element % 2 ===0 //false
})