微信扫一扫打赏支持

JS数组常用方法---12、2个索引方法

JS数组常用方法---12、2个索引方法

一、总结

一句话总结：

indexOf()方法的作用是在数组中找到给定元素最开始出现的位置，lastIndexOf()方法是找到给定元素最后出现的位置，参数有必带的searchElement（要查找的元素），可选的fromIndex（要查找的位置），返回值是找到的索引位置，没找到就返回-1
indexOf()
作用：在数组中找到一个给定元素的第一个索引
参数：必选参数searchElement（要查找的元素），可选参数fromIndex（要查找的位置）
返回值：首个被找到的元素在数组中的索引位置; 若没有找到则返回 -1
是否影响原数组：不影响

lastIndexOf()
找到指定元素在数组中的最后一个的索引

//1、indexOf()方法查找元素在数组中出现的第一个位置
let arr=[2,4,5,7,6,4,3];
let index=arr.indexOf(4);
console.log(index);//1


//2、lastIndexOf()方法找到指定元素在数组中的最后一个的索引
let arr=[2,4,5,7,6,4,3];
let index=arr.lastIndexOf(4);
console.log(index);//5

 

 

 

二、2个索引方法

博客对应课程的视频位置：

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>2个索引方法</title>
 6 </head>
 7 <body>
 8 <!--
 9 indexOf()方法的作用是在数组中找到给定元素最开始出现的位置，lastIndexOf()方法是找到给定元素最后出现的位置，参数有必带的searchElement（要查找的元素），可选的fromIndex（要查找的位置），返回值是找到的索引位置，没找到就返回-1
10 
11 indexOf()
12 作用：在数组中找到一个给定元素的第一个索引
13 参数：必选参数searchElement（要查找的元素），可选参数fromIndex（要查找的位置）
14 返回值：首个被找到的元素在数组中的索引位置; 若没有找到则返回 -1
15 是否影响原数组：不影响
16 
17 lastIndexOf()
18 找到指定元素在数组中的最后一个的索引
19 -->
20 <script>
21     //1、indexOf()方法查找元素在数组中出现的第一个位置
22     // let arr=[2,4,5,7,6,4,3];
23     // let index=arr.indexOf(4);
24     // console.log(index);//1
25 
26     //指定第二个参数fromIndex（开始查找的位置）
27     // let arr=[2,4,5,7,6,4,3];
28     // let index=arr.indexOf(4,2);
29     // console.log(index);//5
30 
31     //indexOf()方法找出指定元素出现的所有位置
32     // var indices = [];
33     // var array = ['a', 'b', 'a', 'c', 'a', 'd'];
34     // var element = 'a';
35     // var idx = array.indexOf(element);
36     // while (idx != -1) {
37     //     indices.push(idx);
38     //     idx = array.indexOf(element, idx + 1);
39     // }
40     // console.log(indices);
41     // // [0, 2, 4]
42 
43     //2、lastIndexOf()方法找到指定元素在数组中的最后一个的索引
44     let arr=[2,4,5,7,6,4,3];
45     let index=arr.lastIndexOf(4);
46     console.log(index);//5
47 
48 </script>
49 </body>
50 </html>

 

 

 

 
posted @ 2020-04-11 21:40  范仁义  阅读(523)  评论(0)  编辑  收藏  举报