JavaScript Array indexOf() 方法

1. 定义和用法
2. 语法
3. 参数值
4. 返回值
5. 浏览器支持
6. 实例 1
7. 实例 2

定义和用法

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

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

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

提示如果你想查找字符串最后出现的位置，请使用 lastIndexOf() 方法。

语法

array.indexOf(item,start)

参数值

返回值

浏览器支持

所有主流浏览器都支持 indexOf() 方法，但是 Internet Explorer 8 及 更早 IE 版本不支持该方法。

实例 1

查找数组中的 “Apple” 元素：

<p id="demo">单击按钮显示“苹果”的位置：</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var fruits = ["香蕉", "橙子", "苹果", "甜瓜"];
    var a = fruits.indexOf("苹果")
    var x=document.getElementById("demo");
    x.innerHTML=a;
}
</script>

结果输出：2

以上输出结果意味着 “Apple” 元素位于数组中的第 3 个位置。

实例 2

查找数组中 “Apple” 的元素, 在数组的第四个位置开始检索：

<p id="demo">单击按钮显示从位置 4 开始查找的“苹果”第一次出现的位置：</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple","Mango"];
    var a=fruits.indexOf("Apple",4)
    var x=document.getElementById("demo");
    x.innerHTML=a;
}
</script>

结果输出：6