JavaScript 배열의 indexOf 메소드에 대한 자세한 설명

최근에 코드에 작은 문제가 발생했는데 이를 작은 예로 단순화하여 보여드리겠습니다.

주의를 기울이면 결국 보상을 받게 될 것입니다. 기초가 탄탄한 어린이 신발은 어레이형 사용으로 바로 점프할 수 있습니다.

indexOf라고 하면 누구나 익숙할 것입니다. 특히 문자열에 하위 문자열이 포함되어 있는지 판단할 때 자주 사용됩니다(정규 표현식에 익숙하지 않은 학생들에게 유용한 도구).

문자열 유형의 사용법

잘 알려진 문자열 사용법을 검토하세요. 예를 들어

let str = 'orange';

str.indexOf('o');  //0
str.indexOf('n');  //3
str.indexOf('c');  //-1

여기서 0과 3은 각각 Location 문자열에 나타나는 o와 n입니다. 시작 인덱스는 0입니다. 그리고 -1은 일치하는 항목이 없음을 의미합니다.

왜 -1이 null이 아니거나 정의되지 않았는지 묻는 사람이 있었습니다. 규칙을 만든 사람에게 물어보세요! 무기력한 표정.

여기서는 모두 흥미로운 내용을 볼 수 없습니다. 걱정하지 마세요. 여기에 또 다른 예가 있습니다

let numStr = '2016';

numStr.indexOf('2');  //0
numStr.indexOf(2);  //0

여기에서 볼 수 있는 작은 점은 indexOf가 간단한 유형 변환을 수행하고 숫자를 문자열 <로 변환할 수 있다는 것입니다. 🎜> 그런 다음 실행합니다. '2'

유형은 암시적 변환을 수행하므로 number 메소드가 있는지 궁금할 것입니다! 아니요, 위의 예시 indexOf

let num = 2016;

num.indexOf(2);  //Uncaught TypeError: num.indexOf is not a function

유형에 number 메서드를 사용해야 합니까? 그런 다음 문자열로 변환한 다음 위의 예에서 indexOf

//二逼青年的写法
num = '2016';
num.indexOf(2);  //0

//普通青年的写法
num.toString().indexOf(2);  //0

//文艺青年的写法
('' + num).indexOf(2);  //0

배열 방식은 간과하셨네요(개인적인 느낌). indexOf

let arr = ['orange', '2016', '2016'];

arr.indexOf('orange');  //0
arr.indexOf('o');  //-1

arr.indexOf('2016');  //1
arr.indexOf(2016);  //-1

• arr.indexOf('orange')는 'orange'가 배열의 0번째 요소이므로 0을 출력하고, 인덱스가 일치하여 반환됩니다.

• arr.indexOf('o')는 -1을 출력합니다. 이 메소드는 요소별로 indexOf 일치를 다시 수행하지 않기 때문입니다.

• arr.indexOf('2016′)은 1을 출력합니다. 이 메소드는 모든 항목의 인덱스를 반환하는 대신 처음부터 일치 항목에 도달할 때까지 첫 번째 배열 요소의 다음 목록을 반환하기 때문입니다. 성냥.

• arr.indexOf(2016) 출력 -1 참고: 여기서는 암시적 유형 변환이 수행되지 않습니다.

indexOf()는 엄격한 동등성(=== 또는 삼중 등호 연산자에서 사용하는 것과 동일한 방법)을 사용하여 searchElement를 배열 요소와 비교합니다.

)을 사용합니다. 비슷한 판단을 내릴 때 좀 더 주의를 기울여 주시기 바랍니다. 숫자는 문자열로 변환되고 문자열은 숫자로 변환되지 않을 것이라고 생각하는 실수를 저지르지 마십시오. ===