jQuery indexof() 메서드

이 기사에서는 지정된 요소 또는 문자열 내에서 지정된 요소 또는 문자의 위치를 ​​반환하는 jQuery indexOf 기능을 다룰 것입니다.

jQuery에서 indexOf 메소드 사용

jQuery 배열 함수 indexOf()는 주어진 배열에서 주어진 요소 또는 검색 값이 처음 나타나는 인덱스를 반환하는 데 사용됩니다. jQuery 배열 함수 indexOf()는 내장 jQuery 함수입니다.

jQuery 배열 indexOf() 함수는 지정된 배열에서 지정된 검색 값/요소를 찾습니다. 값/요소가 발견되면 왼쪽부터 정수 값으로 요소의 첫 번째 항목을 반환하고 배열에 요소가 없으면 -1을 반환합니다.

요소 검색은 지정된 인덱스 또는 위치에서 시작할 수도 있습니다. 시작 색인이 지정되지 않은 경우 검색은 처음부터 시작되며 기본적으로 색인 0입니다.

마지막에 검색을 시작하려면 jQuery의 lastIndexOf() 함수를 사용할 수 있습니다.

통사론:

array.indexOf(searchValue, initPosition);

1. searchValue는 필수 매개변수입니다. 배열에서 검색하는 searchValue를 나타냅니다.
2. initPosition은 선택적 매개변수입니다. 요소 검색이 시작되는 인덱스 값을 나타냅니다.

지정된 요소의 인덱스 값은 이 함수의 출력으로 반환됩니다. 간단한 예를 들어 이해해보자.

코드 - HTML:

<select id="index">
  <option>Japanese</option>
  <option>English</option>
  <option>Hindi</option>
  <option>French</option>
  <option>Telugu</option>
</select>

코드 - 자바스크립트 + jQuery:

const languages = ['English', 'Hindi', 'Japanese', 'Marathi', 'French'];
$('#index').on(
    'change', () => {console.log(languages.indexOf($('#index').val(), 0))});

위의 예에서 언어를 임의의 순서로 이미 정의했으며 사용자가 언어 중 하나를 선택하면 기존 배열에서 언어의 색인을 찾으려고 시도합니다. 이것은 이 데이터가 동적으로 들어올 때 가장 유용합니다.

jQuery를 지원하는 모든 브라우저에서 코드 조각을 실행해 보십시오. 힌디어 또는 프랑스어를 각각 선택하면 아래와 같은 결과가 나타납니다.

출력:

1
4

데모 코드 실행