JS中的indexOf方法

全栈程序员-站长 • 2022年7月26日下午9:16 • 未分类 • 阅读 22

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

indexOf()简介

indexOf()是js中内置的方法之一，它的功能大家都很熟悉：简单来说就是得到数据的索引，对于正则不熟练的人，是个很不错的方法。
如果查询到返回索引，反之返回-1（固定用法）;
因为indexOf()在不同类型使用的时候可能有细节性的注意点；
这里我们对不同数据类型使用IndexOf的场景进行讨论（其实就是string和array）
注：（暂不讨论两个参数时(第二个参数为查询的起始位置)，以及lastIndexOf()）

String类型使用indexOf();
String中的indexOf方法
（话不多说直接上代码，不跟你多BB）

var s = '12345';
        console.log(s.indexOf(1));   //0 
        console.log(s.indexOf('1')); //0
        console.log('----------------------------');

相信大家已经发现特点，也就是string的IndexOf()是对数据进行了隐式类型转换的，如果参数是数值它会转换为字符来进行查询然后返回索引，本质原因是什么呢，那就是我们js底层代码中String.prototype.indexOf()使用的是==进行比较判断；
Number类型的IndexOf()
醒醒，Number类型哪来的indexOf()方法，会直接报错的好吗，
如果想对数值类型的进行查询索引，可以将数值转换为字符再进行查询，方法有很多：
– String()
– .toString()
– 与空字符’’进行+拼接

Array类型的indexOf()

var a = [1,2,3,'4','5','6'];
        console.log(a.indexOf(3));  //2
        console.log(a.indexOf('4')); //3
        console.log(a.indexOf(4));  //-1