JavaScript의 배열 검색 메서드

JavaScript는 배열에서 요소를 찾기 위한 내장 메서드를 제공합니다. 이러한 도구들을 사용하면 요소의 위치를 찾거나 특정 값이 존재하는지 확인할 수 있습니다.

꼭 알아두어야 할 주요 메서드들은 다음과 같습니다:

  • indexOf() 특정 요소의 첫 번째 인덱스를 찾습니다. 요소가 없으면 -1을 반환합니다. 예시: const fruits = ["Apple", "Banana", "Mango", "Banana"]; fruits.indexOf("Banana"); // Returns 1

  • lastIndexOf() 특정 요소의 마지막 인덱스를 찾습니다. 요소가 없으면 -1을 반환합니다. 예시: const fruits = ["Apple", "Banana", "Mango", "Banana"]; fruits.lastIndexOf("Banana"); // Returns 3

  • includes() 배열에 특정 요소가 존재하는지 확인합니다. true 또는 false를 반환합니다. 예시: const fruits = ["Apple", "Banana", "Mango"]; fruits.includes("Mango"); // Returns true fruits.includes("Orange"); // Returns false

  • find() 조건에 맞는 첫 번째 요소를 반환합니다. 일치하는 요소가 없으면 undefined를 반환합니다. 예시: const numbers = [5, 12, 8, 20]; const result = numbers.find(num => num > 10); // Returns 12

  • findIndex() 조건에 맞는 첫 번째 요소의 인덱스를 반환합니다. 일치하는 요소가 없으면 -1을 반환합니다. 예시: const numbers = [5, 12, 8, 20]; const index = numbers.findIndex(num => num > 10); // Returns 1

  • findLast() 조건에 맞는 마지막 요소를 반환합니다. 배열의 끝에서부터 검색합니다. 예시: const numbers = [5, 12, 8, 20]; const result = numbers.findLast(num => num > 10); // Returns 20

  • findLastIndex() 조건에 맞는 마지막 요소의 인덱스를 반환합니다. 예시: const numbers = [5, 12, 8, 20]; const index = numbers.findLastIndex(num => num > 10); // Returns 3

요약:

• indexOf()는 첫 번째 인덱스를 가져옵니다. • lastIndexOf()는 마지막 인덱스를 가져옵니다. • includes()는 존재 여부를 확인합니다. • find()는 조건에 맞는 첫 번째 값을 가져옵니다. • findIndex()는 조건에 맞는 첫 번째 인덱스를 가져옵니다. • findLast()는 조건에 맞는 마지막 값을 가져옵니다. • findLastIndex()는 조건에 맞는 마지막 인덱스를 가져옵니다.

출처: https://www.w3schools.com/js/js_array_search.asp

전체 포스트: https://dev.to/kamalesh_ar_6252544786997/array-search-methods-in-javascript-23mk