모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.
1.sort
(원본 배열 변경)
요소를 정렬
[4,12,5].sort()//[12,4,5]
[4,12,5].sort(function(a,b){return a-b;})//[4,5,12]
2.forEach
for문 대신 사용가능
[1,2,3,4].forEach(function(item){
document.write(item +" ");
});
3.map
각 요소에 콜백함수의 반환값으로 새로운 배열생성,반환
document.write([1,2,3,4].map(function(a){return a+3}))
//4,5,6,7
4.filter
콜백 함수의 실행결과가 true인 배열요소만 추출후 새로운 배열반환
document.write([1,2,3,4].filter(function(a){if(a>2){return a}}))
//3,4
5.some, every
some: 배열의 일부가 콜백함수의 테스트를 통과
every: 배열의 모든 요소가 콜백함수의 테스트를 통과
[4,2,5,6].some(function(item){return item==6})//true
[4,2,5,6].every(function(item){return item>1})//true
6.find
콜백함수가 참인 첫번째 요소반환
7.findindex
콜백함수가 참인 첫번째 요소의 인덱스 반환
🎈참고자료
https://poiemaweb.com/js-array-higher-order-function
'FrontEnd > JavaScript' 카테고리의 다른 글
[JavaScript] 문서 객체 모델(DOM) (0) | 2024.06.10 |
---|---|
[JavaScript] 배열 (0) | 2024.06.10 |
[JavaScript] String 레퍼 객체 (0) | 2024.06.08 |