Array Helper Method

Array Helper Method

배열을 순회하며 특정 로직을 수행하는 메서드로, 메서드 호출시 인자로 "callback 함수"를 받는다.

• forEach - 배열의 각 요소에 대해 콜백 함수를 한 번씩 실행한다. 반환값이 없다.
• map - 배열의 각 요소에 대해 콜백 함수를 한 번씩 실행한다. 콜백 함수의 반환 값을 요소로 하는 새로운 배열을 반환한다.
• filter - 콜백 함수의 반환 값이 참인 요소만 모아 새로운 배열을 반환한다.
• find - 콜백 함수의 반환 값이 참이면 해당 요소를 반환한다.
• every - 배열의 모든 요소가 판별 함수를 통과하면 true를 반환한다.
• some - 배열의 요소 중 하나라도 판별 함수를 통과하면 true를 반환한다.
• reduce - 콜백 함수의 반환 값들을 하나의 값(acc)에 누적하여 반환한다.

forEach 메서드 - 리턴값 없음

// 기본구조
array.forEach(() => {})

// 인자 callback(element[, index[, array]])
array.forEach((element, index, array) => {})

// 예시
const arr = ['a', 'b', 'c']

arr.forEach((al, index) => {
	console.log(al, index)
})

// a 0
// b 1
// c 2

map 메서드를 사용한 새로운 배열 만들기

// 기본 형태
array.map(() => {})

// 인자
array.map((element, index, array) => {})

// 예시

const nums = [1, 2, 3, 4]

// 축약
result = nums.map((num) => { return num * 2 })
// 축약+
result = nums.map(num => num ** 2)

console.log(result)

// 또는
// 변수에넣기
const doubleNums = nums.map(num => num ** 2)

console.log(doubleNums)