자바스크립트 색인

Michael Zippo

JavaScript indexOf() 메서드는 목록에서 요소의 위치 또는 문자열에서 하위 문자열의 위치를 반환합니다. JavaScript indexOf() 메서드는 지정된 값이 목록이나 문자열에 나타나지 않으면 -1을 반환합니다. 값이 처음 나타나는 인덱스 값만 반환됩니다.

종종 문자열이나 배열에 특정 값이 포함되어 있는지 알고 싶을 수 있습니다. 예를 들어, 도넛 가게에서 판매되는 도넛 맛 목록이 있을 수 있습니다. 인기 없는 트리플 초콜릿 도넛을 메뉴에서 제거했는지 확인하고 싶을 수도 있습니다.

여기서 indexOf () JavaScript 메서드가 유용합니다. indexOf () 메서드는 배열이나 문자열에서 주어진 값을 찾을 수 있는 첫 번째 인덱스를 반환합니다. 값이 발견되지 않으면 특별한 값 -1이 반환됩니다.

이 튜토리얼에서는 JavaScript의 indexOf () 메서드의 기본 사항을 살펴보겠습니다. indexOf() 메서드를 더 잘 이해하는 데 도움이 되도록 이 메서드의 작동 방식을 보여주는 두 가지 예를 살펴보겠습니다.

JavaScript indexOf() with Array

Array . indexOf () 내장 메소드 는 배열에서 값을 검색합니다. 이 메서드는 지정된 항목이 배열에 처음 표시될 때의 인덱스 값을 찾습니다. 지정된 요소가 발견되면 indexOf () 메서드는 값이 처음 나타나는 인덱스 번호를 반환합니다. 지정된 요소를 찾을 수 없는 경우 indexOf()는 -1을 반환합니다.

indexOf() 메서드는 대소문자를 고려합니다. 이것은 값이 우리가 지정한 것과 다른 케이스로 목록에 나타나면 indexOf()가 -1을 반환한다는 것을 의미합니다.

다음은 indexOf() 메소드의 구문입니다. JavaScript:

indexOf () 메소드는 대소문자를 구분합니다. 다음은 JavaScript의 indexOf () 함수 구문입니다.

item 매개변수는 JavaScript 배열 에서 찾고 있는 항목입니다. 이 매개변수는 필수입니다. start_position 매개변수는 선택사항입니다. start_position은 indexOf()가 검색을 시작하는 배열의 위치입니다.

예시 시나리오

계피가 부족하다고 가정해 보겠습니다. 저희 가게 메뉴에 계피 빵이 아직 등록되어 있는지 확인하고 싶습니다. 메뉴에 도넛이 있으면 제거하겠습니다. 다음 코드를 사용하여 이 작업을 수행할 수 있습니다.

indexOf 메서드는 다음을 반환합니다. 2. 보시다시피 Cinnamon이 배열에 있습니다. 따라서 우리 코드는 배열에서 Cinnamon의 첫 번째 인스턴스의 인덱스 값을 반환했으며, 이 경우에는 2.

indexOf 메소드는 다음을 반환합니다. 2. 보시다시피 Cinnamon이 배열에 있습니다. 다음으로 코드는 인덱스를 반환합니다. 배열에서 Cinnamon의 첫 번째 인스턴스 값(이 경우 2).

배열에 여러 항목이 포함되어 있어도 프로그램은 2를 반환해야 합니다. Cinnamon의 인스턴스입니다. 이는 indexOf()가 요소의 첫 번째 인스턴스의 인덱스 위치만 반환하기 때문입니다.

우리의 요리사가 새로운 Jam Supreme 도넛을 발명하여 우리의 donut_flavors 제품군에 추가했습니다. 그러나 그녀는 그것이 도넛이라고 불리는지 모릅니다. Jam 또는 Jam Supreme 메뉴가 올바른지 확인하려고 합니다.

Jam이 이미 첫 번째 메뉴이기 때문입니다. 배열에서 indexOf ()는 Jam의 위치를 반환합니다. 그러나 start_position 매개변수를 사용하면 첫 번째 위치를 건너뛸 수 있고 여기에서 우리 상사가 Jam이 배열의 인덱스 위치 1 뒤에 나타나는지 확인하는 데 사용할 수 있는 코드:

우리 코드는 다음을 반환합니다. 1. Jam이 우리 배열에 존재하지만 인덱스 값 1보다 앞에 옵니다. Jam 이 존재하지 않습니다. o.

문자열이 있는 JavaScrip t indexOf()

indexOf()를 사용하여 문자열 내의 부분 문자열 을 사용하는 방법. string indexOf() 메서드는 하위 문자열이 다른 문자열에서 시작하는 인덱스 번호를 반환합니다.

문자열 업데이트

배열과 마찬가지로 JavaScript의 문자열에도 고유한 인덱스 값이 있습니다. 문자열은 인덱스 값 부터 시작하여 왼쪽에서 오른쪽으로 인덱싱됩니다. 따라서 위의 예제 문자열의 경우 다음 인덱스 값이 할당됩니다.

E < / td> x a m p l 및 !

1 2 3 4 5 6 6
따라서 d `index 4 위치의 문자를 얻으려면 다음을 사용하여 수행할 수 있습니다. 다음 코드:

우리 코드는 다음을 반환합니다: p.
String.indexOf ()

String.indexOf () 메서드는 문자열에 특정 하위 문자열이 포함되어 있는지 확인하는 데 사용됩니다. 문자열 내에서 하위 문자열을 찾을 수 있는 경우 indexOf()는 문자 또는 문자열이 발생한 인덱스 위치를 반환합니다. 하위 문자열을 찾을 수 없는 경우 indexOf()는 -1을 반환합니다.
String.indexOf() 메서드 Array.indexOf () 메서드와 동일한 구문을 사용합니다.

substring 인수를 지정해야 합니다. 이것이 우리가 체인에서 찾고자 하는 가치입니다. start_position 인수는 선택 사항이며 프로그램이 특정 색인에서 검색을 시작하도록 지시합니다. 기본 start_position 인수는 인덱스 0입니다.
도넛 이름이 포함된 문자열이 있고 문자열에 블루베리. 다음 코드를 사용하여 이 작업을 수행할 수 있습니다.

코드는 다음을 반환합니다. 4. 보시다시피 donut_flavors 문자열에는 Blueberry가 포함되고 하위 문자열은 인덱스 위치 <에서 시작합니다. code>4.
우리 코드는 다음을 반환합니다. 4. 보시다시피 donut_flavors 문자열에는 Blueberry와 하위 문자열은 인덱스 위치 4에서 시작합니다.

하지만 donut_flavors 문자열에 특정 인덱스 위치 뒤에 Blueberry가 포함되어 있는지 확인하려면 어떻게 해야 할까요? 여기에서 start_position 인수가 들어옵니다.

목록에서 Blueberry라는 용어를 찾아보겠습니다. 색인 위치 10부터 검색을 시작하겠습니다. 목록에서:

우리 코드는 -1을 반환합니다. 반면 "donut_flavors"에는 "Blueberry" 문자열은 배열의 인덱스 값 10보다 먼저 시작합니다. 코드는 "-1"을 반환합니다. 이는 하위 문자열이 찾았습니다.
indexOf()를 사용하여 값이 존재하는지 확인
"if" 문을 사용할 수 있습니다. indexOf() 메서드를 사용하여 값이 문자열 또는 배열에 존재하는지 확인합니다. 예를 들어, 다음을 수행할 수 있습니다. 도넛 메뉴에 특정 값이 포함되어 있는지 확인하려면 indexOf()를 참조하세요. 그런 다음 이 값을 찾으면 콘솔에 메시지를 인쇄할 수 있습니다.
"초콜릿"이 도넛 목록에 있는 경우 콘솔에 메시지를 인쇄하는 프로그램을 작성해 보겠습니다. 코드는 다음과 같습니다.

코드는 다음을 반환합니다. "초콜릿 도넛이 메뉴에 있습니다! ".
코드의 첫 번째 줄 , 6개의 값을 포함하는 "donut_flavors"라는 도넛 풍미 배열을 선언합니다.
다음으로, indexOf를 사용하여 "Donut_flavors"인지 확인하는 if 문을 만듭니다. 에는 "초콜릿"이 포함되어 있습니다. 이 if 문은 indexOf가 "-1"과 같은 값을 반환하는지 여부를 평가합니다.
indexOf가 <를 반환하는 경우 em>"-1,"은 배열에서 값을 찾을 수 없음을 의미합니다. 이것은 우리의 if 문이 실행되지 않을 것임을 의미합니다. indexOf가 다른 값을 반환하면 if 문이 실행됩니다.
이 경우 indexOf()는 2를 반환합니다. "초콜릿" 배열 "donut_flavors "에 있습니다. indexOf가 -1이 아닌 값을 반환했기 때문에 우리 프로그램은 "초콜릿 도넛이 메뉴에 있습니다!"를 표시합니다.

결론
자바스크립트 메서드 indexOf () 문자열이나 배열에 특정 값이 포함되어 있는지 확인합니다. 메서드는 문자열이나 배열에서 이 값이 있는 인덱스 번호를 반환합니다. 지정된 값이 없으면 indexOf()< /em>은 "-1을 반환합니다."
이 튜토리얼에서는 배열, 문자열 및 인덱싱 방법의 기본 사항을 다루었으므로 indexOf() 메소드를 문자열과 배열로 사용하여 특정 값이 포함되어 있는지 확인합니다.
indexOf() 및 " if" 문을 사용하여 값이 목록 또는 문자열에 존재하는지 확인합니다.