024_JavaScript数组

最新推荐文章于 2023-07-30 21:59:16 发布

自由与束缚JavaJavaScript

最新推荐文章于 2023-07-30 21:59:16 发布

阅读量299

点赞数

分类专栏： JavaScript学习文章标签： javascript web前端

本文链接：https://blog.youkuaiyun.com/aihiao/article/details/109568807

版权

JavaScript学习专栏收录该内容

105 篇文章

订阅专栏

1. JavaScript数组用于在单一变量中存储多个值。

2. 创建数组

2.1. 创建数组最简单的方式是使用中括号[]包含项, 多个项用逗号分割:

var array-name = [item1, item2, ...];

2.2. 实例

var cars = ["Saab", "Volvo", "BMW"];

3. 为什么使用数组?

3.1. 如果您有一个书名的项目清单, 在单个变量中存储书名应该是这样的:

var book1 = 'JavaScript DOM编程艺术';
var book2 = '高性能JavaScript';
var book3 = 'javascript高级程序设计';
var book4 = 'JavaScript权威指南';
var book5 = '你不知道的JavaScript';

3.2. 这样的书名清单, 储存起来看起来十分笨重, 访问某个特定值和遍历书名清单显得特别麻烦。解决方法就是数组!

var arr = ["JavaScript DOM编程艺术", "高性能JavaScript", "javascript高级程序设计", "JavaScript权威指南", "你不知道的JavaScript"];

4. 数组元素类型

4.1. 数组元素可以是: 字符串值, 数值, 布尔值, 数组, 对象, 甚至是函数。

4.2. 实例

function run() {
	
}
var colors = ['red', 'blue', 'yellow'];
var objs = {id: 1001};
var cars = ["奔驰", objs, run, true, colors, 300000];

5. length属性

5.1. length属性返回数组的长度(数组元素的数目)。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length; // fruits 的长度是 4

6. 访问数组元素

6.1. 我们通过引用索引号(下标号)来引用某个数组元素。

6.2. 数组索引从0开始。[0]是数组中的第一个元素, [1]是第二个, 依此类推。

6.3. 实例

var cars = ["Saab", "Volvo", "BMW"];
var name = cars[0];

6.4. 使用length属性访问最后一个数组元素

fruits = ["Banana", "Orange", "Apple", "Mango"];
var last = fruits[fruits.length - 1];

7. 使用索引的方式改变和添加数组元素

7.1. 直接给数组对应下标的元素赋值, 来改变数组元素。

var cars = ["Saab", "Volvo", "BMW"];
cars[0] = "Opel";

7.2. 通过添加新下标给数组添加元素, 使用length属性始终给数组末尾添加元素:

var cars = ["Saab", "Volvo", "BMW"];
cars[cars.length] = "Opel";

7.3. 添加最高索引的元素可在数组中创建未定义的"洞":

var cars = ["Saab", "Volvo", "BMW"];
cars[5] = "Opel";

document.write(cars[3] + '<br />'); // 返回undefined
document.write(cars[4] + '<br />'); // 返回undefined
document.write(cars[5] + '<br />'); // 返回"Opel"

8. 遍历数组

8.1. 使用for循环或者for ...in遍历数组。

8.2. 例子

8.2.1. 代码

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<title>遍历数组</title>
	</head>
	<body>
		<script type="text/javascript">
			var fruits = ["Banana", "Orange", "Apple", "Mango"];

			for(let item in fruits){
				document.write(fruits[item] + ' '); 
			}

			document.write('<br />'); 

			for(let i = 0; i < fruits.length; i++){
				document.write(fruits[i] + ' '); 
			}
		</script>
	</body>
</html>

8.2.2. 效果图