前端开发中获取数组元素索引号

最新推荐文章于 2022-11-25 16:16:32 发布

原创最新推荐文章于 2022-11-25 16:16:32 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

前端学习专栏收录该内容

13 篇文章

订阅专栏

这篇博客介绍了JavaScript中两个重要的数组查找方法：indexOf和lastIndexOf。indexOf方法从数组开头开始查找指定元素，返回其索引，找不到则返回-1。例如，示例代码展示了在数组arr中查找'blue'和'homg'的索引。lastIndexOf方法则是从数组末尾开始查找，同样返回找到的元素索引。文章通过实例解释了这两个方法的工作原理及其在数组操作中的应用。

两种形式

1.indexOf 从正方向开始查找
2.lastindexOf 从反方向开始查找

代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //返回数组元素索引号方法  indexOF（数组元素） 作用是返回该数组元素的索引号 从前面开始查找
        //只返回第一个满足条件的索引号
        //如果在数组中找不到元素，则返回-1
        var arr = ['red', 'blue', 'black', 'pink', 'green', 'blue'];
        console.log(arr.indexOf('blue')); //1
        console.log(arr.indexOf('homg')); //-1

        //返回数组元素索引号方法  lastIndexOf（数组元素） 作用是返回该数组元素的索引号 从后面开始查找

        console.log(arr.lastIndexOf('green')); //4
    </script>
</head>

<body>

</body>

</html>