【20190407】JavaScript-indexOf方法解析

时间 2019-11-09

标签 javascript indexof 方法解析栏目 JavaScript 繁體版

原文原文链接

在JavaScript中，字符串类型String和数组类型Array都有indexOf()方法，虽然他们的做用都是返回传入元素在指定字符串或数组中的位置，但他们之间仍是存在着一点点不一样。正则表达式

Str.indexOf(searchValue[, fromIndex])

字符串调用indexOf方法，返回searchValue在原字符串中第一次出现的位置，能够使用lastIndexOf方法查找searchValue最后一次出现的位置，若是没有找到则返回-1。数组

它与数组的indexOf方法不一样的是，它比较元素时会存在类型转换。app

console.log('12345'.indexOf(3)); //2
console.log('12345'.indexOf([3])); //2
console.log('12345'.indexOf(new Object(3))); //2

这里传入的实际上分别是数值类型、数组类型、对象，可是它仍是返回了这个元素在字符串中的位置。函数

console.log('12345'.indexOf(45)); //3
console.log('12345'.indexOf([45])); //3
console.log('12345'.indexOf(new Object(45))); //3

从以上例子能够看到实际上这个函数把传入的元素转换为了字符串，而后按照匹配子字符串的方式找到它在原字符串中的位置。spa

另外indexOf方法对大小写敏感。code

str.search(RegExp)

顺便再提一下search方法，search方法用于检索字符串中指定的子字符串，检索与正则表达式相匹配的子字符串。若是没有找到，返回-1。regexp

search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，而且老是从字符串的开始进行检索，这意味着它老是返回 str 的第一个匹配的位置。它一样对大小写敏感，若是要忽略大小写则在RegExp中添加标志i。对象

Arr.indexOf(searchValue[, fromIndex])

一样返回的是searchValue在Arr中第一次出现的位置，可是数组的indexOf方法执行的是严格相等，也就是“===”，不会有类型转换。blog

let arr=['apple','banana','12','apple'];
console.log(arr.indexOf('apple')); //0
console.log(arr.indexOf('apple',1)); //3
console.log(arr.indexOf(12)); //-1
console.log(arr.indexOf('app')); //-1