자바 스크립트 배열 찾기


JavaScript를 사용할 수 있습니다. Array.find () 조건에 따라 배열에서 단일 요소 만 찾으려고 할 때 메서드. 이 조건을 별도의 함수로 전달하거나 메서드 호출에 직접 조건을 작성할 수 있습니다.

Javascript에서 배열 찾기 메서드가 작동하는 방식

  • 그리고, array.find () JavaScript의 메소드는 모든 배열 요소에 대해 함수를 실행하고 조건과 일치하는 첫 번째 요소를 반환합니다.
  • 조건과 일치하는 요소가없는 경우이 메서드는 정의되지 않은 값을 반환합니다.
  • 조건이 충족 될 때까지 배열의 모든 요소를 ​​확인하고 일단 발견되면 나머지 요소를 확인하지 않습니다.

JavaScript에서 배열 찾기 방법을 사용하는 방법

JavaScript에서 배열 찾기에 대한 구문은 아래에 설명되어 있습니다.

방법 1

array.find (function (element [, index [, array]]) [, thisArg])

function – 필수입니다. 그만큼 기능 조건을 확인하고 3 개 미만의 매개 변수를 사용합니다.

element – ​​이것은 필수 매개 변수 인 배열의 요소입니다.

index – 선택적 매개 변수 인 배열에서 현재 요소의 색인 위치입니다.

array – 선택 사항. 요소를 찾아야하는 배열

thisArg – 선택 사항. "this"값으로 간주하는 함수에 전달되는 값입니다.

반환 값 – 함수를 전달하는 첫 번째 배열 요소

방법 2

array.find (함수 이름)

배열에서 값을 검색하는 데 필요한 조건이있는 별도의 함수를 작성할 때이 구문을 사용합니다.

방법 3

array.find (요소 => 요소 조건)

우리는 사용할 수 있습니다 => 요소를 검색하는 데 필요한 조건을 지정합니다.

브라우저 호환성

아래 표는 JavaScript의 배열 찾기 메소드 버전과 함께 브라우저 지원을 보여줍니다.

Browser호환 버전
크롬45
Edge12
파이어 폭스25
인터넷 익스플로러지원 없음
운영32
원정 여행8
안드로이드 웹뷰45
Android Chrome45
안드로이드 파이어 폭스4
안드로이드 오페라32
iOS의 사파리8
삼성 인터넷5

Javascript에서 배열 찾기의 간단한 예

이 Javascript 예제는 Array find 메소드를 사용하여 20보다 큰 배열의 첫 번째 숫자로 출력을 제공합니다.

var numbers = [4,7,10,25,30];
var result = numbers.find(function(num) {
    return num >=20
    });
console.log(result);
Output:
25

예 : 별도의 함수를 만들어 홀수를 검색하려면

아래 코드는 JavaScript Array find 메서드를 사용하여 배열에서 첫 번째 홀수를 찾는 방법을 보여줍니다. 여기서 로직은 다른 입력 조합에 재사용 할 수 있도록 별도의 함수로 작성됩니다. 보시면 첫 번째 출력은 첫 번째 홀수 값 "25"를 반환합니다. 두 번째 출력은 해당 배열에 홀수가 없기 때문에 "정의되지 않음"을 반환합니다.

var numbers = [4,8,10,25,30];
var values = [2,4,6,8,10,12];
function isOddnumber(num)
{
  return num%2 != 0;
}

var result = numbers.find(isOddnumber);
var output = values.find(isOddnumber);
console.log(result);
console.log(ouput);
Output:
25
undefined

예 : 배열 찾기를 사용하여 객체 값의 배열 검색

JavaScript의 Array.find () 메서드를 사용하여 객체 값의 배열을 검색 할 수도 있습니다. find를 사용하는 또 다른 방법은 요소와 함께 화살표를 사용하고 그 안의 조건을 언급하는 것입니다. 예를 들어 여기에서는 이름이 "L"로 시작하는 배열에서 객체 값을 검색하려고합니다. 따라서 출력은 조건에 따라 이름과 ID를 모두 반환합니다.

const student = [
  {name: "Amit", id: 100},
  {name: "Tushar", id: 101},
  {name: "Kiran", id: 102},
  {name: "Lalith", id: 103}];
  
var result = student.find(output=> output.name.startsWith("L"));
console.log(result);
Output:
{ name: 'Lalith', id: 103 }

결론

이 자습서에서는 특정 조건에 따라 Javascript의 Array.find () 메서드를 사용하여 배열에서 단일 요소를 검색하는 방법에 대해 배웠습니다.

참고