JS 배열 학습은 주어진 조건을 충족하는 모든 요소를 반환합니다.-JS 튜토리얼-php.cn

이전 글 "JS 배열 학습: 모든 배열 요소가 주어진 조건을 충족하는지 확인"에서는 모든 배열 요소가 지정된 조건을 충족하는지 감지하는 몇 가지 방법을 소개했습니다. 이번에는 계속해서 배열 순회에 대해 이야기하고 지정된 조건을 충족하는 배열의 요소를 JavaScript에서 반환하는 방법을 소개합니다. 도움이 필요한 친구들은 이에 대해 배울 수 있습니다~

오늘 기사의 주요 내용은 배열을 순회하여 다음이 있는지 감지하는 것입니다. 배열의 요소가 만족합니다. 조건을 지정하고 조건을 충족하는 배열 요소를 반환합니다. 간단히 말하면, 지정된 조건에 따라 배열 요소를 필터링하는 것입니다.

익숙한 for 루프부터 시작하여 내장 함수를 소개하는 2가지 방법을 소개하겠습니다. 이 함수가 어떻게 배열 요소를 필터링할 수 있는지 살펴보세요.

방법 1: for 루프 사용

for 문을 사용하여 배열을 순회하고 배열 요소가 각 루프의 조건을 충족하는지 확인합니다. 조건을 충족하면 출력합니다. 조건을 충족하지 않으면 이 루프에서 빠져나옵니다.

예를 통해 자세히 알아 보겠습니다.

예 1: 모든 짝수 반환

var a = [2,3,4,5,6,7,8]; for(var i=0;i
        
         로그인 후 복사

출력 결과:

JS 배열 학습은 주어진 조건을 충족하는 모든 요소를 반환합니다.

예 2: 모든 윤년 반환

var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020]; for(var i=0;i
        
         로그인 후 복사

출력 결과:

JS 배열 학습은 주어진 조건을 충족하는 모든 요소를 반환합니다.

방법 2: filter() 메서드 사용

filter() 메서드는 지정된 조건을 충족하는 배열의 요소를 반환할 수 있습니다.

array.filter(function callbackfn(Value,index,array),thisValue)

로그인 후 복사

function callbackfn(Value,index,array): 생략할 수 없는 콜백 함수이며 최대 3개의 매개변수를 받을 수 있습니다.

value: 생략할 수 없는 현재 배열 요소의 값.
index: 현재 배열 요소의 숫자 인덱스입니다.
array: 현재 요소가 속한 배열 객체입니다.

반환 값은 콜백 함수가 true를 반환하는 모든 값을 포함하는 새로운 배열입니다. 콜백 함수가 array 의 모든 요소에 대해 false를 반환하는 경우 새 배열의 길이는 0입니다.

예제를 통해 자세히 알아보세요.

예제 1: 모든 짝수 반환

var a = [2,3,4,5,6,7,8]; function f (value) { if (value % 2 == 0) { return true; }else{ return false; } } var b = a.filter(f); console.log(b);

로그인 후 복사

출력 결과:

JS 배열 학습은 주어진 조건을 충족하는 모든 요소를 반환합니다.

예제 2: 모든 윤년 반환

var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020]; function f (value) { if(value%4==0 && value%100!=0){ return true; } else { return false; } } var b = a.filter(f); console.log(b);

로그인 후 복사

출력 결과:

JS 배열 학습은 주어진 조건을 충족하는 모든 요소를 반환합니다.