JavaScript数组的高级操作

2024-10-15 17:42:20

1、打开WebStorm开发工具，新建‘test.html’页面，并写代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script type="text/javascript"> a=[1,2,3] alert(a.reverse()) </script></body></html>

2、网页查看效果，原数组被反转，显示在弹出的对话框,reverse()函数反转数组元素

3、修改代码测试indexOf()函数，此函数返回数组中元素第一次出现的索引值，如果不存在返回-1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script type="text/javascript"> a=[1,2,3] alert(a.indexOf(2)) </script></body></html>

4、网页查看效果，弹出数组元素2的下标值1，注意下标从0开始

5、splice() 函数比较复杂，可以在数盲褓梆尺组进行中删除元素再增加元素，直接改变原数组，返回值是被删除的元素，沪枭诽纾代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script type="text/javascript"> a=[1,2,3] s = a.splice(2,1,4,5) alert(s) alert(a) </script></body></html>

6、网页查看效果，先弹出被删除元素3，再弹出改动后的数组[1,2,4,5]

7、多维数组其实也是一样，定义一个多维数组，代码如下：<!DOCTYPE html><html lang="en"&爿讥旌护gt;<head> <meta charset="UTF-8"> <title>Title</title></head><body><script type="text/javascript"> var aList = [[1,2,3],['a','b','c']]; alert(aList[0][1]); //弹出2;</script></body></html>

8、网页弹出2，即多维数组第一维的第二个元素2