小码哥的IT人生

JavaScript Array indexOf() 方法

JavaScript基础 2022-05-13 16:27:41小码哥的IT人生shichen

JavaScript Array indexOf() 方法

实例

在数组中搜索 "Apple" 项:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>indexOf() 方法在数组中搜索指定项目,并返回其位置。</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.indexOf("Apple");
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

页面下方有更多 TIY 实例。

定义和用法

indexOf() 方法在数组中搜索指定项目,并返回其位置。

搜索将从指定位置开始,如果未指定开始位置,则从头开始,并在数组末尾结束搜索。

如果未找到该项目,则 indexOf() 返回 -1。

如果该项目出现多次,则 indexOf() 方法返回第一次出现的位置。

注释:第一项的位置为 0,第二项的位置为 1,依此类推。

提示:如果您想从尾到头搜索,请使用 lastIndexOf() 方法。

浏览器支持

所有浏览器都完全支持 indexOf() 方法:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Yes 9.0 Yes Yes Yes Yes

语法

array.indexOf(item, start)

参数值

参数 描述
item 必需。要搜索的项目。
start 可选。从哪里开始搜索。负值给定的位置将从结尾计数,然后搜索到最后。

技术细节

返回值: 数值,表示指定项目的位置,否则 -1。
JavaScript 版本: ECMAScript 5

更多实例

在数组中搜索项目 "Apple",从位置 4 开始搜索:

var fruits = ["Banana", "Orange", "Apple", "Mango", "Banana", "Orange", "Apple"];
var a = fruits.indexOf("Apple", 4);

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>在数组中搜索项目 "Apple",从位置 4 开始搜索:</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango", "Apple"];
document.getElementById("demo").innerHTML = fruits.indexOf("Apple", 4);
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024