JS数组对象

最新推荐文章于 2024-05-08 22:34:53 发布

begin 专注

最新推荐文章于 2024-05-08 22:34:53 发布

阅读量8.3k

点赞数 2

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_61718994/article/details/122656109

版权

学习内容：数组、数组字面量、数组的几个常用方法、数组遍历

学习笔记：

数组

数组（Array），数组也是一个对象，它和普通对象功能类似，也是用来存储一些值的，不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素

索引：从零开始的整数就是索引；数组的存储性能比普通对象更好，在开发中我们经常使用数组来存储一些数据

数组创建语法

var arr =new Array（）；

向数组中添加元素,语法,数组[索引]=值

var arr = new Array();
arr[0]= 10;
arr[1]=22;

使用typeof检查一个数组时,会返回object

语法

console.log(typeof arr);

如果我们想获取数组的长度（元素的个数），可以使用length属性来获取；语法：数组.length

var arr = new Array();
   arr[0]= 10;
   arr[1]=22;
   console.log(arr.length);

结果为2

读取数组中的元素，语法：数组[索引]；如果读取不存在的索引不会报错，而是返回undefined

var arr = new Array();
           arr[0]= 10;
           arr[1]=22;
           console.log(arr[0];
           console.log(arr[5];

结果

对于非连续的数组，使用length会获取到数组的最大的索引+1
尽量不要创建非连续的数组，这样会占用内存空间造成浪费
length属性可以修改，如果修改的length大于原长度，则多出的部分会空出来;如果修改的length小于原长度，则多出的元素会被删除
向数组的最后一个位置添加元素，语法：数组[数组.length]=值

语法：

arr[arr.length]=10；

数组字面量

语法：

var arr=[];

使用字面量创建数组,使用字面量创建数组时,可以在创建时就可以指定数组中的元素

var arr=[1,2,3,4,5,6];
console.log(arr);

使用构造函数创建数组时,也可以同时添加元素,将要添加的元素作为构造函数的参数传递

var arr2=new Array(10,20,30);
console.log(arr2);

区别,当只有一个元素时,用字面量创建的是一个数组中只有一个元素

结果

数组中的元素可以是任意的数据类型,也可以是对象

arr=["awq",1,true,null,undefined];
       var obj ={name:"孙武"};
       arr[arr.length]=obj;
       console.log(arr);
       console.log(arr[5].name);

数组中也可以放数组,这种数组我们称为二维数组

arr=[[1,2,3],[4,5,6],[7,8,9]];
console.log(arr);

数组的几个常用方法

push()

该方法可以向数组的末尾添加一个或多个元素,并返回数组的新的长度;可以将我们要添加的元素作为方法的参数传递,这样这些元素将会自动添加到数组的末尾

语法：

var arr=["孙武","张三","李四"];
arr.push("王五");
document.write(arr);

结果

pop()

该方法可以删除数组的最后一个元素并将删除的元素作为返回值，调用一次就会删除一次

语法：

arr.pop（）

结果

unshift（）

向数组开头添加一个或多个元素，并返回新的数组长度；向前边插入元素以后，其他的元素索引会依次调整

语法：

arr.unshift("要添加的元素");

结果

shift（）

可以删除数组的第一个元素，并将被删除的元素作为返回值

语法：

arr.shift();

数组遍历

所谓的数组遍历，就是将数组中所有的元素都取出来

使用for循环，数组长度小于arr.length，就可以遍历数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var arr= ["张三","李四","王五","李六"];
			for(var i=0;i<arr.length;i++){
				document.write(arr[i]+"<br>");
			}
		</script>
	</head>
	<body>
	</body>
</html>

begin 专注

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
JS数组对象

学习内容：数组、数组字面量、数组的几个常用方法、数组遍历学习笔记：数组数组（Array），数组也是一个对象，它和普通对象功能类似，也是用来存储一些值的，不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素索引：从零开始的整数就是索引；数组的存储性能比普通对象更好，在开发中我们经常使用数组来存储一些数据数组创建语法var arr =new Array（）；向数组中添加元素,语法,数组[索引]=值 var arr = new Array()..
复制链接

扫一扫