学习笔记5_数组-优快云博客

本文详细介绍了JavaScript数组的概念，包括创建、初始化、访问、修改和筛选数组元素的方法。通过实例展示了如何新增、替换和翻转数组元素，以及如何筛选出满足特定条件的数组项。此外，还探讨了动态调整数组长度的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数组的概念

数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素，数组是一种将一组数据存储在单个变量名下的方式

var num = 10;				//普通变量只能存一个值
var arr = [1, 2, 3, 4, 5];	//数组可以存储多个值

创建数组

数组中可以存放任意类型的数据，例如字符串，数字，布尔值等。
声明数组并赋值成为数组的初始化

var arr = new Array();	//创建一个空数组

```
var arr = []			//创建一个空数组
```

获取数组中的元素

索引

索引（下标）：用来访问数组元素的序号（数组下标从0开始）。格式是数组名[索引号]，比如arr[1]可以访问数组中的第二个值

遍历数组

var arr = [1, 2, 3, 4, 5];	//初始化数组
for (var i = 0; i < arr.length; i++) {//遍历数组
	console.log(arr[i]);
}

新增数组元素

方法一

var arr1 = ['red', 'green', 'blue', 'pink'];
arr1.length = 5;		//改变长度length长度

方法二

var arr1 = ['red', 'green', 'blue', 'pink'];
arr1[4] = 'yellow'		//修改索引号，追加元素

替换元素

var arr1 = ['red', 'green', 'blue', 'pink'];
arr1[1] = 'purple';			//索引号已存在，直接替换元素

ps：不要直接给数组名赋值，不然整个数组的值都会被替换

筛选数组

方法一

//筛选出数组中大于等于10的值并放入新的数组
var arr = [2, 0, , 6, 1, 77, 0, 52, 35, 5, 10];
var arr2 = new Array();
var j = 0;
for (var i = 0; i < arr.length; i++) {
    if (arr[i] >= 10) {
        arr2[j++] = arr[i];
    }
}
for (var i = 0; i < arr2.length; i++) {
	console.log(arr2[i]);
}

方法二（很妙，妙不可言！！！）

var arr = [2, 0, , 6, 1, 77, 0, 52, 35, 5, 10];
var arr2 = [];
for (var i = 0; i < arr.length; i++) {
    if (arr[i] >= 10) {
    	arr2[arr2.length] = arr[i];			//arr2.length会随着索引变化而变化，自给自足
    }
}
for (var i = 0; i < arr2.length; i++) {
	console.log(arr2[i]);
}

翻转数组

//将数组['red', 'green', 'blue', 'pink', 'purple']的内容反过来存放
//输出：['purple', 'pink', 'blue', 'green', 'red']
var color = ['red', 'green', 'blue', 'pink', 'purple'];
var recolor = [];
for (var i = 0; i < color.length; i++) {
	recolor[color.length - 1 - i] = color[i];		//跟上边筛选数组的方法二类似，length值随着i变化而变化😎
}
	console.log(recolor);