JavaScript Array indexOf() 方法 | JavaScript Array 对象

返回到:JavaScript对象:JavaScript Array 对象

定义和用法

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

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

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

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

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

语法

array.indexOf(item,start)

参数值

参数描述
item必须。查找的元素。
start可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length – 1。如省略该参数,则将从字符串的首字符开始检索。

返回值

类型描述
Number元素在数组中的位置,如果没有搜索到则返回 -1。

技术细节

JavaScript 版本:1.6

实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<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>
<p><b>注意:</b>indexOf方法是在JavaScript 1.6中引入的,在IE 8或更早的版本中不可用。</p>

</body>
</html>

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<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>
<p><b>注意:</b>indexOf方法是在JavaScript 1.6中被引进的,在IE 8 或更早的版本中不支持。 </p>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/jsarrtips/3435.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年9月6日 下午4:05
下一篇 2021年9月6日 下午4:18

相关推荐

发表回复

登录后才能评论