js에서 필터 기능을 사용하는 방법

下次还敢
풀어 주다: 2024-05-01 08:57:18
원래의
851명이 탐색했습니다.

JavaScript 필터 기능은 특정 조건을 충족하는 배열의 요소를 필터링하고 조건을 충족하는 요소로 구성된 새 배열을 반환하는 데 사용됩니다. 사용법에는 단순하거나 복잡한 조건을 충족하는 요소 필터링 및 필터 체인 생성이 포함됩니다. 필터 함수는 원래 배열을 수정하지 않습니다. 콜백 함수는 부울 값을 반환해야 합니다. 부울 값이 반환되지 않으면 오류가 발생합니다.

js에서 필터 기능을 사용하는 방법

JavaScript에서 필터 함수 사용

filter 함수는 특정 조건을 충족하는 배열의 요소를 필터링하고 다음과 같은 요소로 구성된 새 배열을 반환하는 데 사용되는 JavaScript 배열 내장 메서드입니다. 조건을 충족하세요.

구문: ​​

<code class="javascript">filter(callback(element, index, array))</code>
로그인 후 복사

매개변수:

  • callback(element, index, array): 부울 값을 반환해야 하는 콜백 함수.

    • element: 현재 처리 중인 배열 요소입니다.
    • index: 배열에 있는 현재 요소의 인덱스입니다.
    • array: 배열 자체가 처리되고 있습니다.

반환값:

콜백 함수의 조건을 충족하는 모든 요소를 ​​포함하는 새 배열입니다.

사용법:

1. 간단한 조건을 충족하는 필터 요소:

<code class="javascript">const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter((num) => num % 2 === 0);</code>
로그인 후 복사

2. 복잡한 조건을 충족하는 필터 요소:

<code class="javascript">const users = [
  { name: 'John', age: 25 },
  { name: 'Mary', age: 30 },
  { name: 'Bob', age: 18 }
];
const adults = users.filter((user) => user.age >= 18);</code>
로그인 후 복사

3. 필터 체인:

<code class="javascript">const evenAndGreaterThan3 = numbers.filter((num) => num % 2 === 0).filter((num) => num > 3);</code>
로그인 후 복사

다음 예에서는 필터 기능을 사용하여 실패한 학생 목록을 얻기 위해 학생 점수가 포함된 배열을 필터링하는 방법을 보여줍니다.

<code class="javascript">const scores = [90, 85, 77, 65, 52, 45];
const failingScores = scores.filter((score) => score < 60);</code>
로그인 후 복사

failingScores 변수에는 다음 요소가 포함됩니다.

  • 52
  • 45

참고:

  • 필터 기능 자체는 원래 배열을 수정하지 않습니다.
  • 콜백 함수는 부울 값을 반환해야 합니다. 부울 값이 반환되지 않으면 오류가 발생합니다.

위 내용은 js에서 필터 기능을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!