JavaScript 배열 검색

배열 검색 및 검색 메서드

• Array indexOf()
• Array lastIndexOf()
• Array includes()
• Array find()
• Array findIndex()
• Array findLast()
• Array findLastIndex()

자세히 보기:

• 기본 메서드
• 정렬 메서드
• 이터레이션 메서드

JavaScript Array indexOf()

indexOf() 메서드는 배열에서 요소 값을 검색하여 위치를 반환합니다.

주의:첫 번째 항목의 위치는 0입니다. 두 번째 항목의 위치는 1입니다. 이렇게 계속됩니다.

예제

배열에서 "사과" 항목을 검색하십시오:

const 열거형 = ["사과", "오렌지", "사과", "망고"];
let 위치 = 열거형.indexOf("사과") + 1;

직접 테스트해 보세요

문법

array.indexOf(항목, 시작)

반환 값:

• 항목을 찾지 못하면 -1을 반환합니다.
• 항목이 여러 번 나타나면 첫 번째 나타난 위치를 반환합니다.

JavaScript Array lastIndexOf()

lastIndexOf() 메서드와 indexOf() 동일하지만 지정된 요소가 마지막으로 나타난 위치를 반환합니다.

예제

배열에서 "사과" 항목을 검색하십시오:

const 열거형 = ["사과", "오렌지", "사과", "망고"];
let 위치 = 열거형.lastIndexOf("사과") + 1;

직접 테스트해 보세요

문법

array.lastIndexOf(항목, 시작)

JavaScript Array includes()

ECMAScript 2016에서 도입되었습니다. Array.includes() 메서드는 배열에 특정 요소가 포함되어 있는지 확인할 수 있도록 합니다. (NaN도 포함, indexOf와 다릅니다).

예제

const 열거형 = ["바나나", "오렌지", "사과", "망고"];
fruits.includes("Mango"); // 반환 true

직접 테스트해 보세요

문법

array.includes(search-item)

search-item검색할 요소

주의:includes() NaN 값을 확인할 수 있으며 indexOf() 할 수 없습니다.

브라우저 지원

includes() ES6는 ECMAScript 2016 의 기능입니다.

2017년 3월부터 모든 현대브라우저는 ES2016을 지원합니다:

Internet Explorer는 includes()를 지원하지 않습니다.

JavaScript Array find()

find() 메서드는 테스트 함수를 통해 첫 번째 배열 요소의 값을 반환합니다.

예제

18보다 큰 첫 번째 요소를 찾습니다:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

직접 테스트해 보세요

주의:함수는 3개의 매개변수를 받습니다:

• 요소 값
• 요소 인덱스
• 배열 자체

브라우저 지원

find() ES6(JavaScript 2015)의 기능입니다.

2017년 6월부터 모든現代브라우저는 ES6를 지원합니다:

Internet Explorer는 지원하지 않습니다: find().

JavaScript Array findIndex()

findIndex() 메서드는 테스트 함수를 통해 첫 번째 배열 요소의 인덱스를 반환합니다.

예제

18보다 큰 첫 번째 요소의 인덱스를 찾습니다:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

직접 테스트해 보세요

주의:함수는 3개의 매개변수를 받습니다:

• 요소 값
• 요소 인덱스
• 배열 자체

브라우저 지원

findIndex() ES6(JavaScript 2015)의 기능입니다.

2017년 6월부터 모든現代브라우저는 ES6를 지원합니다:

Internet Explorer는 지원하지 않습니다: findIndex().

JavaScript Array findLast()

ES2023에서 추가되었습니다: findLast() 메서드는 배열의 끝에서 시작하여 조건을 만족하는 첫 번째 요소의 값을 반환합니다.

예제

const temp = [27, 28, 30, 40, 42, 35, 30];
let high = temp.findLast(x => x > 40);

직접 테스트해 보세요

브라우저 지원

findLast() ES2023의 기능입니다.

2023년 7월부터 모든現代 브라우저는 다음을 지원합니다:

JavaScript Array findLastIndex() 메서드

findLastIndex() 조건을 만족하는 마지막 요소의 인덱스를 찾는 메서드입니다.

예제

const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40);

직접 테스트해 보세요

브라우저 지원

findLastIndex() ES2023의 기능입니다.

2023년 7월부터 모든現代 브라우저는 다음을 지원합니다:

완전한 배열 참조 매뉴얼

완전한 배열 참조를 원하면 다음을 방문하세요:JavaScript 배열 참조 매뉴얼.

이 매뉴얼은 모든 배열 속성 및 메서드의 설명과 예제를 포함하고 있습니다.