JavaScript数组的高级操作
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">
<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
声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。
阅读量：72
阅读量：74
阅读量：54
阅读量：196
阅读量：154