前端开发：JS 中 indexOf() 方法的使用

indexOf() 方法可返回数组中某个指定的元素位置。

2、语法

array.indexOf(item,start);

3、参数说明

说明

<table

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
浏览器打开：qq.cn.hn/FTe 免费领取

cellpadding="0" cellspacing="0"><tbody><tr><td style="vertical-align:top;"><p>参数</p></td><td style="vertical-align:top;"><p>描述</p></td></tr><tr><td style="vertical-align:top;"><p><em>item</em></p></td><td style="vertical-align:top;"><p>必需。查找的元素。</p></td></tr><tr><td style="vertical-align:top;"><p><em>start</em></p></td><td style="vertical-align:top;"><p>可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。</p></td></tr></tbody></table>

返回值

<table cellpadding="0" cellspacing="0"><tbody><tr><td style="vertical-align:top;"><p>类型</p></td><td style="vertical-align:top;"><p>描述</p></td></tr><tr><td style="vertical-align:top;"><p>Number</p></td><td style="vertical-align:top;"><p>元素在数组中的位置，如果没有搜索到则返回 -1。</p></td></tr></tbody></table>

4、用法

indexOf() 方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。

5、注意事项

（1）如果在数组中没找到指定元素则返回 -1；

（2）如果想要查找字符串最后出现的位置，请使用 lastIndexOf() 方法。

6、使用实例

根据实际开发过程中的不同需求，把实战中比较常见的处理方式汇总出来，需求是做不完的，也不可能全部覆盖到，这里只分享一些比较常见的操作，方便有需要的开发者查阅使用，具体的实例如下所示。

**1.**查找数组中的 "dog" 元素

var animals = [“cat”, “dog”, “duck”, "monkey"];

var a = animals.indexOf("dog");

console.log(a); //输出结果：dog

**2.**查找数组中 "Apple" 的元素, 在数组的第二个位置开始检索

var animals = [“cat”, “dog”, “duck”, "monkey”, “dog”];

var a = animals.indexOf("dog”, 2);

console.log(a); //输出结果：4

3.判断数组 a 中是否包含对象 b

const findex = this.onProjectList.indexOf(this.tmprow);

二、indexOf() 方法对 String 的使用

1、定义

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

2、语法

string.indexOf(searchvalue,start);

3、参数说明

说明

<table cellpadding="0" cellspacing="0"><tbody><tr><td style="vertical-align:top;"><p>参数</p></td><td style="vertical-align:top;"><p>描述</p></td></tr><tr><td style="vertical-align:top;"><p><em>searchvalue</em></p></td><td style="vertical-align:top;"><p>必需。规定需检索的字符串值。</p></td></tr><tr><td style="vertical-align:top;"><p><em>start</em></p></td><td style="vertical-align:top;"><p>可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 string Object.length - 1。如省略该参数，则将从字符串的首字符开始检索。</p></td></tr></tbody></table>

返回值

<table cellpadding="0" cellspacing="0"><tbody><tr><td style="vertical-align:top;"><p>类型</p></td><td style="vertical-align:top;"><p>描述</p></td></tr><tr><td style="vertical-align:top;"><p>Number</p></td><td style="vertical-align:top;"><p>查找指定字符串第一次出现的位置，如果没找到匹配的字符串则返回 -1。</p></td></tr></tbody></table>

4、用法

indexOf() 方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 start 处或字符串的开头（没有指定 start 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

5、注意事项

（1）如果在数组中没找到指定元素则返回 -1；

（2）indexOf() 方法区分大小写。

6、使用实例

根据实际开发过程中的不同需求，把实战中比较常见的处理方式汇总出来，需求是做不完的，也不可能全部覆盖到，这里只分享一些比较常见的操作，方便有需要的开发者查阅使用，具体的实例如下所示。

**1.**查找字符串 “vue”

var str ="Hello world, hello vue.”;

var b = str.indexOf(“vue”);

console.log(b); //输出结果：19

**2.**查找字符 "e" 第一次出现的位置

var str ="Hello world, hello vue.”;