JS에서 배열의 반복 방법은 forEach, map, filter, Reduce, Every, some입니다.
JS에서 일상적인 배열 처리 과정에서 우리는 일반적으로 for 루프를 사용하여 이를 구현합니다. 루프를 제외하고 사용됨
forEach(루프)
배열의 각 항목이 각각 한 가지 작업을 수행하도록 합니다.
let a = [1,2,3];
a.forEach(function(value,i){
console.log("第" + (i + 1) + "项 :" + value)
})
// 第1项 :1
// 第2项 :2
// 第3项 :3map(mapping)
forEach 함수와 유사하지만 map에는 반환이 있습니다. value , 원래 배열을 변경하지 않고 새 배열을 생성합니다
let a = [1,2,3];
a.map(function(value,i){
return value * 2
})
// 第1项 :2
// 第2项 :4
// 第3项 :6map과 forEach의 비교:
// 没有返回值的forEach:
let a = [1, 2, 3];
a = a.forEach(function (value, i) {
return value * 2 // undefine
})
// 有返回值的map:
let b = [1, 2, 3];
b = b.map(function (value, i) {
return value * 2 // [2,4,6]
})가능한 함정: map으로 처리된 데이터 사이에 쉼표 구분 기호가 더 많습니다
원인: 맵 순회 후에도 여전히 배열입니다. , 쉼표로 구분된 배열 요소를 DOM에 삽입하면 배열 요소 사이의 쉼표 구분 기호도 가져옵니다. 맵 순회 후 이를 문자열로 직접 연결하면 이 문제가 사라집니다. it : map 뒤에는 .join('')
reduce(누적)reduce() 메서드가 함수를 누산기로 수신하고 배열의 각 값(왼쪽에서 오른쪽으로)이 감소하기 시작하며 최종 계산은 값입니다.
reduce()는 함수 구성을 위한 고차 함수로 사용될 수 있습니다.
참고: Reduce()는 빈 배열에 대해 콜백 함수를 실행하지 않습니다.전항과 후항 계산
let a = [1, 2, 3];
a = a.reduce(function (prev, next) {
return prev + next // 1+2+3 = 6
})조건에 맞지 않는 값을 필터링하고 새 배열 반환
let a = [1, 2, 3];
a = a.filter(function (value, i) {
return value > 2
})
console.log(a) // 3여부 판단 각 요소가 만족되면 조건이 충족되고, 그렇지 않으면 false
let a = [1, 2, 3];
a = a.every(function (value, i) {
return value > 2
})
console.log(a) // false각 요소의 요소가 조건을 만족하는지 판단하고, 그렇다면 true를 반환하고, 그렇지 않으면 false
let a = [1, 2, 3];
a = a.every(function (value, i) {
return value > 2
})
console.log(a) // true추천 튜토리얼: "
JS 튜토리얼"위 내용은 JS 배열의 반복 방법: 필터, 감소, 모든, 일부의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
