对数组对象的方法和使用案例的总结

最新推荐文章于 2021-11-26 22:37:22 发布

_小彬哥

最新推荐文章于 2021-11-26 22:37:22 发布

阅读量517

点赞数

本文链接：https://blog.csdn.net/hewenbin9201/article/details/54292183

版权

什么是数组呢?数组对象是使用单独的变量名来存储一系列的值。例如var arr=[4, 5,6, 8];.

数组具有长度，数组的属性：length.既可以获取，又可以设置。例子：快速清空数组

1. <!DOCTYPE HTML>
2. <html>
3. <head>
4. <meta charset="utf‐8">
5. <title>无标题文档</title>
6. <script>
7. var arr=[1,2,3,4,5,6];
8.
9. arr.length=3;
10.
11. alert(arr);
12. </script>
13. </head>
14.
15. <body>
16. </body>
17. </html>

数组使用原则：数组中应该只存一种类型的变量。

数组对象的使用方法有很多种，常用的例如有：1、数组的末尾添加新的元素-push().2、arr.unshift();从头部添加一个数，有参数3、

arr.pop()从尾部删除一个数4、arr.shift();从头部删除一个数5、arr.splice()从下标为2（包含本身）后删掉3个数 6、arr.splice();从下标为1（包含本身）后全部删掉7、arr.splice();任意位置插入任意个数8、arr.splice();替换两个数。

现在用具体实例来解释其中的一些方法。

例如：数组的末尾添加新的元素-push()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p id="demo"></p>
<button οnclick="myFunction()">点我</button>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction(){
	fruits.push("Kiwi")
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

</body>
</html>

再如删除数组中的第一个元素arr.shift()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p id="demo">11</p>
<p id="demo2"></p>
<button οnclick="myFunction()">点我</button>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction(){
	var delell = fruits.shift();
	var x=document.getElementById("demo");
	x.innerHTML= '删除后数组为：' +  fruits;
	document.getElementById("demo2").innerHTML= '删除的元素是：' +  delell;
}
</script>

</body>
</html>

_小彬哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
对数组对象的方法和使用案例的总结

什么是数组呢?数组对象是使用单独的变量名来存储一系列的值。例如var arr=[4, 5,6, 8];.数组具有长度，数组的属性：length.既可以获取，又可以设置。例子：快速清空数组1. 2. 3. 4. 5. 无标题文档6. 7. var arr=[1,2,3,4,5,6];8.9. arr.length=3;10.11. alert(arr);12. 13.
复制链接

扫一扫