이 글에서는 JavaScript가 배열을 탐색하는 방법을 설명합니다. JavaScript 배열 탐색에 관심이 있다면 이 글을 함께 살펴보겠습니다. point이 문서는 js에서 배열을 순회하는 방법을 요약합니다:
문제: 배열 arr을 순회하고 모든 요소를 대문자로 변환합니다var arr = ['a','b','c','d'];
방법 1:for 루프 이 방법이 더 일반적으로 사용됩니다. "use strict";var arr = ['a','b','c','d'];var arrUp = [];for(var i = 0; i < arr.length; i++){
arrUp.push(arr[i].toUpperCase());
}
console.log(arrUp); //['A','B','C','D']
방법 2: for in 루프 이 방법은 일반적으로 객체 탐색에 사용됩니다(배열은 특별한 종류의 객체입니다)"use strict";var arr = ['a','b','c','d'];var arrUp = [];for(var i in arr){
arrUp.push(arr[i].toUpperCase());
}
console.log(arrUp); //['A','B','C','D']
방법 3: forEach 방법 배열 반복 방법(아래에 설명됨) ) 반환 값:
반환 값 없음"use strict";var arr = ['a','b','c','d'];var arrUp = [];
arr.forEach(function(key, index, array){
arrUp.push(key.toUpperCase());
});
console.log(arrUp); //['A','B','C','D']
방법 4: 맵 방법 배열 반복 방법(아래 설명) 반환 값:
각 함수 호출의 결과로 구성된 배열을 반환합니다."use strict";var arr = ['a','b','c','d'];var arrUp = arr.map(function(key, index, array){
return key.toUpperCase();
});
console.log(arrUp); //['A','B','C','D']
For 위의 간단한 질문은 이 네 가지 방법이 상대적으로 더 나을 수도 있지만 문제는 복잡합니다
var arr = [1, 4, 10, 5, 8];질문: 이 배열의 경우 6보다 큰 배열 요소 수를 계산하세요
간단한 예를 들자면 위의 네 가지 방법도 괜찮지만 판단하기가 더 어려울 수 있습니다. 배열을 순회하는 방법은 다음과 같습니다. 다른 시나리오에서는 더 나을 수도 있습니다.
: 2개의 매개 변수, 함수(필수) 및 함수를 실행하기 위한 범위 객체(선택 사항, 일반적으로 사용되지 않음)를 받습니다. , 현재는 마법이 무엇인지 모르기 때문에 자세한 설명은 생략하겠습니다) //要接受的函数,本文叫判断函数function(key, index, array){
//key: 数组项值
//index: 该项的数组下标
//arr:待操作的数组}
Method 5: 모든 메소드 반환값:
판단 함수가 every에 대해 true를 반환하는 경우 item, true 반환 용도:
조건에 따라 배열의 각 항목을 감지하고 부울 값을 얻으려는 경우"use strict";var arr = [1, 4, 10, 5, 8];var arrTest = arr.every(function(key, index, array){
return (key > 2);
});
console.log(arrTest); //false
방법 6: 필터 방법 반환 값:
배열을 반환합니다. 배열 요소는 판단 함수가 true를 반환할 항목으로 구성됩니다 사용:
조건부 필터링"use strict";var arr = [1, 4, 10, 5, 8];var arrTest = arr.filter(function(key, index, array){
return (key > 6);
});
console.log(arrTest); //[10, 8]
방법 7: 일부 방법 반환 값:
판단 함수가 모든 항목에 대해 true를 반환하는 경우 , then return true 사용법:
조건부 필터링"use strict";var arr = [1, 4, 10, 5, 8];var arrTest = arr.some(function(key, index, array){
return (key > 6);
});
console.log(arrTest); //true
이상 이 글의 내용은 이것입니다. 이에 대해 잘 모르신다면, 양쪽 측면을 더 많이 구현하면 쉽게 익힐 수 있습니다!
관련 권장 사항:
위 내용은 JavaScript에서 배열을 순회하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!