>  기사  >  웹 프론트엔드  >  JavaScript에서 배열을 순회하는 방법에 대한 자세한 설명

JavaScript에서 배열을 순회하는 방법에 대한 자세한 설명

韦小宝
韦小宝원래의
2018-03-14 17:50:132226검색

이 글에서는 JavaScript가 배열을 탐색하는 방법을 설명합니다. JavaScript 배열 탐색에 관심이 있다면 이 글을 함께 살펴보겠습니다. point이 문서는 js에서 배열을 순회하는 방법을 요약합니다:

문제: 배열 arr을 순회하고 모든 요소를 ​​대문자로 변환합니다

var arr = ['a','b','c','d'];

방법 1:for 루프 이 방법이 더 일반적으로 사용됩니다.

"use strict";var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];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 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];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 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];var arrUp = [];
arr.forEach(function(key, index, array){
    arrUp.push(key.toUpperCase());
});
console.log(arrUp);             //['A','B','C','D']

방법 4: 맵 방법 배열 반복 방법(아래 설명) 반환 값:
각 함수 호출의 결과로 구성된 배열을 반환합니다.

"use strict";var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];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 메서드 요약

for-in 루프 및 for 루프를 사용하여 배열 순회

while 루프를 통해 배열 순회하는 방법

위 내용은 JavaScript에서 배열을 순회하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.