JavaScript数组的高级操作

 时间:2026-02-15 13:39:55

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>

JavaScript数组的高级操作

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

JavaScript数组的高级操作

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>

JavaScript数组的高级操作

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

JavaScript数组的高级操作

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>

JavaScript数组的高级操作

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

JavaScript数组的高级操作

JavaScript数组的高级操作

7、多维数组其实也是一样,定义一个多维数组,代码如下:

<!DOCTYPE html>


<html lang="en">
<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>

JavaScript数组的高级操作

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

JavaScript数组的高级操作

  • 如何利用JavaScript方法reduceRight操作数组
  • JavaScript获取数组长度
  • JavaScript高级程序设计怎么看
  • Javascript中的数组
  • javascript创建数组
  • 热门搜索
    腺肌症是什么病 2月22日是什么星座 可以组什么词 什么是上市公司 kgs是什么单位 移徒是什么意思 2018年是什么年 auto空调是什么意思 河西走廊位于什么以西 什么样的