>  기사  >  웹 프론트엔드  >  js에서 찾기를 사용하는 방법

js에서 찾기를 사용하는 방법

下次还敢
下次还敢원래의
2024-05-01 06:03:18801검색

JavaScript find() 메서드는 배열에서 지정된 조건을 충족하는 첫 번째 요소를 찾아 반환합니다. 찾을 수 없으면 정의되지 않은 값을 반환합니다. 사용법: 요소, 인덱스 및 배열 매개변수를 받는 콜백 함수를 정의합니다. find() 메서드를 사용하여 콜백 함수를 호출하고 배열과 선택 사항인 thisArg를 전달합니다. 콜백 함수는 조건이 충족되는지 여부를 나타내기 위해 true 또는 false를 반환합니다. 첫 번째 한정 요소 또는 정의되지 않은 요소를 반환합니다.

js에서 찾기를 사용하는 방법

JavaScript의 find() 메서드

정의:
find() 메서드는 배열에서 지정된 조건을 충족하는 첫 번째 요소를 찾아 해당 요소를 반환합니다. 일치하는 요소가 없으면 정의되지 않은 값이 반환됩니다.

구문: ​​

<code>find(callbackFunction(element, index, array))</code>

매개변수:

  • callbackFunction: 세 개의 매개변수를 받는 함수:

    • element: 평가할 현재 배열 요소
    • index: 요소의 인덱스 배열
    • array: find() 메서드를 호출하는 배열
  • thisArg(선택 사항): this가 가리키는 객체에 사용됩니다(기본값은 정의되지 않음)

사용법:

  1. 일치하는 조건 찾기 첫 번째 요소:

    <code>const fruits = ["apple", "banana", "orange", "pear"];
    const firstOrange = fruits.find(fruit => fruit === "orange");
    console.log(firstOrange); // 输出: "orange"</code>
  2. thisArg를 사용하여 다음을 가리키도록 지정:

    <code>const numbers = [1, 2, 3, 4, 5];
    const isEven = function(number) { return number % 2 === 0; };
    
    const firstEvenNumber = numbers.find(isEven, numbers);
    console.log(firstEvenNumber); // 输出: 2</code>
  3. 미정의 반환: 기준을 충족하는 요소가 발견되지 않으면 find() 메서드 정의되지 않은 상태로 반환됩니다.

    <code>const people = [{ name: "John" }, { name: "Mary" }];
    const personNamedAlice = people.find(person => person.name === "Alice");
    console.log(personNamedAlice); // 输出: undefined</code>

장점:

  • find() 메서드는 간결하고 명확하여 조건을 충족하는 첫 번째 요소를 찾는 작업을 단순화할 수 있습니다.
  • 더 깔끔한 구문을 위해 화살표 함수와 함께 사용할 수 있습니다.
  • 유형이나 크기에 관계없이 모든 배열에서 작동합니다.

대안:

find() 메서드가 널리 사용되지만 다음과 같은 대안도 있습니다.

  • for 루프: 기준을 충족하는 요소를 찾을 때까지 배열을 반복할 수 있습니다. .
  • some() 메서드: 는 일치하는 요소가 있는지 여부를 나타내기 위해 true 또는 false를 반환할 수 있지만 요소 자체를 반환하지는 않습니다.

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

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