JavaScript :: 배열 메서드 (forEach, map, filter, find, reduce, reduceRight, some, every)

 

forEach	Array.forEach( callback(element, [index]) )	배열의 각 요소에 콜백함수를 적용.  콜백함수의 인자는 배열의 요소값, 인덱스값 등을 나타냄.
map	Array.map( callback(element) )	배열의 각 요소에 콜백함수 적용하여 일괄 변경.  콜백함수의 리턴을 모아 새로운 배열을 만드는 것이 목적.  보통 const arr2 = arr1.map( callback()) 의 형태로 많이 사용
filter	Array.filter( callback(element) )	배열의 각 요소 중 콜백함수에 해당하는 요소를 찾아서  배열로 반환. 만족하는 요소가 없다면 빈배열을 반환.  콜백함수의 리턴값은 boolean(true or false)값을 가짐.
find	Array.find( callback(element) )	filter와 비슷하지만 콜백함수에 해당하는 처음 요소를 찾는 즉시 반환 및 함수 종료.  즉 만족하는 첫번째 요소만 반환.
reduce	Array.reduce( callback(element), [init] )   ex. Array. reduce( (prev, curr) => {   return prev + curr}, 0)	배열의 요소들을 누적할 때 사용하기 좋은 메서드.  콜백함수의 인자는 previousValue, currentValue(element) 등이 사용되며, 두번째인자[init] 즉 콜백함수에서 첫번째로 사용되는 값을 가질 수 있다. pre는 배열의 그 전 값을 받으며, curr는 현재배열의 값을 받는다.  배열, 요소 혹은 사용자가 원하는 값 반환.
reduceRight	Array.reduceRight( callback(element) )	reduce 메서드를 거꾸로 시행하는 메서드.  즉 배열의 각 요소를 뒤에서부터 적용.
some	Array.some( callback(element) )	배열의 요소 중 콜백함수에 해당하는 요소가 있는지 체크.  콜백함수의 리턴값은 boolean값을 가짐.  하나라도 해당 요소가 있으면 true, 없을 경우 false로 반환.
every	Array.every( callback(element) )	모든 배열의 요소가 콜백함수에 해당하는지 체크.  모두 해당한다면 true, 하나라도 해당하지 않는다면 false.
indexOf	Array.indexOf(element)	배열의 요소가 있는 인덱스를 반환.   배열에 요소가 없다면 -1을 반환.

 

 

 

---

 

예제_

 

Q1. 점수가 90점인 학생을 찾으시오.

Q2. 등록한 학생들을 찾으시오.

Q3. 학생들의 점수를 배열로 나타내시오.

Q4. 50미만인 학생이 있는지 체크하시오.

Q5. 학생들 점수의 평균값을 구하시오.

Q6. 평균값이 50점 이상인 학생들의 점수를 문자열로 구하시오.

 

---

  find  

A1. 점수가 90점인 학생을 찾으시오.

 

 filter 

A2. 등록한 학생들을 찾으시오.

 

 map 

A3. 학생들의 점수를 배열로 나타내시오.

 

 

 some / every 

A4. 50미만인 학생이 있는지 체크하시오.

//console: true, false

some을 사용하여 체크할 수 있음.

 

모든 학생이 50점 미만인지를 체크할 때는 every를 사용.

 

 

 reduce 

A5. 학생들 점수의 평균값을 구하시오.

//console :  73.5

 

 

 

A6. 평균값이 50점 이상인 학생들의 점수를 문자열로 구하시오.

 

배열관련 메서드는 위와 같이 붙여서 사용 가능.(체이닝)