JS基础_数组简介

最新推荐文章于 2025-05-22 10:41:19 发布

原创最新推荐文章于 2025-05-22 10:41:19 发布 · 143 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript教程专栏收录该内容

127 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 内建对象
			 * 宿主对象
			 * 自定义对象
			 * 
			 * 数组（Array）
			 * 	- 数组也是一个对象
			 * 	- 它和我们普通对象功能类似，也是用来存储一些值的
			 * 	- 不同的是普通对象是使用字符串作为属性名的，
			 * 		而数组时使用数字来作为索引操作元素
			 * 	- 索引：
			 * 		从0开始的整数就是索引
			 * 	- 数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据
			 */
			
			//创建数组对象
			var arr = new Array();
			
			//使用typeof检查一个数组时，会返回object
			console.log(typeof arr);
			
			/*
			 * 向数组中添加元素
			 * 语法：数组[索引] = 值
			 */
			arr[0] = 10;
			arr[1] = 33;
			arr[2] = 22;

			
			/*
			 * 读取数组中的元素
			 * 语法：数组[索引]
			 * 	如果读取不存在的索引，他不会报错而是返回undefined
			 */
			console.log(arr[3]); //undefined
			

			/*
			 * 获取数组的长度
			 * 可以使用length属性来获取数组的长度(元素的个数)
			 * 	语法：数组.length
			 * 
			 * 对于连续的数组，使用length可以获取到数组的长度（元素的个数）
			 * 对于非连续的数组，使用length会获取到数组的最大的索引+1
			 * 		尽量不要创建非连续的数组
			 */
			arr[10] = 31;
			console.log(arr.length);//11
			arr[100] = 90;
			console.log(arr.length);//101
			console.log(arr); //10,33,22,,,,,,,
			

			/*
			 * 修改length
			 * 	如果修改的length大于原长度，则多出部分会空出来
			 *      如果修改的length小于原长度，则多出的元素会被删除
			 */
			arr.length = 150;
			arr.length = 2;
			console.log(arr);
			

			arr[4] = 50;
			arr[5] = 60;

			//向数组的最后一个位置添加元素（知识点：数组的length属性总是比数组中定义的最后一个元素的下标大1）
			//语法：数组[数组.length] = 值;
			arr[arr.length] = 70;
			arr[arr.length] = 80;
			arr[arr.length] = 90;
			
			console.log(arr);


            //清空数组的一个有效方法，就是将length属性设为0
            var arr = [ 'a', 'b', 'c' ];
            arr.length = 0;
            arr // []
			
		</script>
	</head>
	<body>
	</body>
</html>