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

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、参数说明

说明

参数	描述
searchvalue	必需。规定需检索的字符串值。
start	可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 string Object.length - 1。如省略该参数，则将从字符串的首字符开始检索。

返回值

类型	描述
Number	查找指定字符串第一次出现的位置，如果没找到匹配的字符串则返回 -1。

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.”;

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

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

**3.**在字符串第四个位置开始查找字符 “o” 第一次出现的位置

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

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

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

**4.**过滤数据源中包含“被驳回” 的数据

let tmplist = r.data.rows.filter((e) => {

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

。真正学习起来并不难理解，关键是灵活运用。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-e5f0uMAS-1714573143337)]

[外链图片转存中…(img-YlZATcIf-1714573143338)]