다양한 내장 기능이 있습니다. 다른 작업을 위해. Indexof 함수는 단어의 시작 위치를 반환하는 데 사용됩니다. 기본적으로 배열의 특정 요소의 인덱스를 반환합니다. 해당 Array 내 요소의 인덱스를 반환하는 것은 Array의 함수입니다. 이 기사에서는 다음 순서로 JavaScript의 indexOf를 이해합니다.
JavaScript에서 indexOf는 무엇입니까?
IndexOf 함수는 요소의 인덱스를 찾는 데 사용됩니다. 그리고 정렬 . 두 가지 변형이 있습니다. 하나는 검색 요소 또는 첫 번째 일치 요소의 위치를 제공하는 데 사용되는 indexOf입니다.
요소가 없으면 -1을 반환합니다.
두 번째는 문자열이나 배열에서 마지막 요소를 찾는 데 사용되는 lastIndexOf 함수입니다.
예:
var string =’Welcome to Edureka’string.indexOf (‘Welcome’)
산출:
0
lastIndexof 함수의 경우 다음 예제를 사용할 수 있습니다.
var =‘에듀 레카에 오신 것을 환영합니다’string.lastIndexOf (‘edureka’)
산출:
12
JavaScript의 indexOf는 비슷한 방식으로 작동합니다. 배열 . 이제 깊이 들어가 보겠습니다. 및 예제와 함께 Array indexOf 메서드.
자바 스크립트 문자열 indexOf
그만큼 str.indexOf () 함수 주어진 문자열에서 인수 문자열이 처음 나타나는 인덱스를 찾습니다. 반환되는 값은 0부터 시작합니다. 또한 검색 할 값이 발생하지 않으면 -1을 반환합니다.
통사론:
string.indexOf (검색 값, 시작)
첫 번째 인수 인 searchValue는 기본 문자열에서 검색 할 문자열입니다. 함수 인덱스에 대한 두 번째 인수는 기본 문자열에서 searchValue를 검색 할 시작 인덱스를 정의합니다.
자바의 is-a 및 has-a 관계
이 함수는 searchValue가 처음 발견 된 문자열 (0부터 시작)의 인덱스를 반환합니다. 문자열에서 searchValue를 찾을 수없는 경우 함수는 -1을 반환합니다.
예:
var str = '안녕하세요, 에듀 레카에 오신 것을 환영합니다!' var n = str.indexOf ( 'e')
산출:
하나
JavaScript의 배열 indexOf
arr.indexOf () 함수는 함수에 대한 인수로 제공된 검색 요소의 첫 번째 발생 색인을 찾는 데 사용됩니다.
통사론:
arr.indexOf (searchElement [, index])
첫 번째 인수 인 searchElement는 배열에서 검색 할 값입니다. 이 함수의 두 번째 인수는 요소를 검색 할 배열의 시작 인덱스를 정의하는 선택적 인덱스 인수입니다. 이 인수가 제공되지 않으면 색인 0이 기본값이므로 검색을 시작하기위한 시작 색인으로 사용됩니다.
이 함수는 searchElement의 첫 번째 발생 인덱스를 반환합니다. 배열에서 요소를 찾을 수없는 경우이 함수는 -1을 반환합니다.
예:
var cars = [ 'BMW', 'Audi', 'Ferrari'] var arr = cars.indexOf ( 'Ferrari')
산출:
2
indexOf ()와 search ()의 차이점
indexOf () 및 search () 메서드는 모두 문자열에 존재하는지 여부. 또한 하위 문자열의 인덱스 중 하나를 반환하거나 문자열에 하위 문자열이 없으면 -1을 반환합니다. 그러나 indexOf ()와 search () 메서드에는 차이가 있습니다. 두 메서드의 구문을 살펴 보겠습니다.
indexOf () 메서드의 구문 :
String.indexOf (하위 문자열, [오프셋])
search () 메서드의 구문 :
String.search (하위 문자열)
이제, 당신은 그것을 볼 수 있습니다 indexOf () 검색을 시작할 수있는 선택적 매개 변수 (offset)가 있지만 search () 메소드에는이 기능이 없습니다. 단순히 부분 문자열을 취하고 0 번째 인덱스부터 검색을 시작합니다.
이것은 JavaScript의 indexOf에 관한 것입니다. 이것으로 우리는 우리 기사의 끝까지 왔습니다. 이 방법이 JavaScript에서 어떻게 작동하는지 이해 하셨기를 바랍니다.
우리를 확인하십시오 강사 주도의 라이브 교육 및 실제 프로젝트 경험과 함께 제공됩니다. 이 교육을 통해 백엔드 및 프런트 엔드 웹 기술을 다루는 기술을 능숙하게 사용할 수 있습니다. 여기에는 웹 개발, jQuery, Angular, NodeJS, ExpressJS 및 MongoDB에 대한 교육이 포함됩니다.
질문이 있으십니까? 'JavaScript의 indexOf'블로그의 댓글 섹션에 언급 해 주시면 연락 드리겠습니다.