[JS] 6. ArrayMethod와 친해지기

---

1. forEach

2. map

3. filter

4. reduce

5. find

6. some

7. every

---

1. forEach

: 배열의 각 요소에 대해 콜백 함수를 한 번씩 실행

• array.forEach((element, index, array){//do something})

• 인자로 주어지는 함수를 배열의 각 요소에 대해서 한 번씩 실행한다.
  • element: 배열의 요소
  • index : 배열 요소의 인덱스
  • array : 배열 자체

• 반환값 없음

2. map

: 콜백 함수의 반환 값을 요소로 하는 새로운 배열 한환

• array.map((element, index, array{//do something})

• 배열의 각 요소에 대해서 콜백 함수를 한 번씩 실행

• 콜백 함수의 반환 값을 요소로 하는 새로운 배열 반환
  • ⇒ 기존의 배열 전체를 다른 형태로 바꿀 때 유용하다.

const numbers = [1,2,3]

const doubleFunc = function(number){
	return number ** 2
}
const doubleNumbers = numbers.map(doubleFunc)
console.log(doubleNumbers)

3. filter

: 콜백 함수의 반환 값이 참인 요소들만 모아서 새로운 배열을 반환

4. reduce

: 콜백 함수의 반환 값들을 하나의 값에 누적 후 반환

• array.reduce((acc, element, index, array) ⇒ {}, initialValue)

const test = [90, 78, 52, 92]
const scores = test.reduce((acc, num) {
	return acc + num
}, 0 ) // 0 to생략 가능

5. find

: 콜백 함수의 반환 값이 참이면 해당 요소를 반환

• 배열의 각 요소에 대해서 콜백함수를 실행 ⇒ 조건을 만족하는 첫번째 요소 반환

• 찾는 값이 배열에 없으면 undefined 반환

6. some

: 배열의 요소 중 하나라도 판별 함수를 통과하면 참을 반환

7. every

: 배열의 모든 요소가 판별 함수를 통과하면 참을 반환

Uploaded by N2T