JavaScript数组

Posted 2021-12-14 橘猫吃不胖～

javascript数组

• 1 创建数组
• 2 数组的属性
• 3 访问数组元素
• 4 数组遍历
• • 4.1 使用for循环遍历
  • 4.2 使用for...of循环遍历
  • 4.3 使用for...in循环遍历
  • 4.4 使用forEach循环遍历
• 5 二维数组
• • 5.1 创建二维数组
  • 5.2 元素的访问

1 创建数组

创建数组的两种常见方式的用法：
1、使用“new Array()”创建数组

var arr1 = new Array();

2、使用“[ ]”字面量来创建数组

var arr1 = [];

2 数组的属性

数组具有默认属性：length，表示数组的长度

3 访问数组元素

使用索引来访问数组中的元素，索引是一个数字，从0开始。

数组名[index]

“index”的取值在0~length-1

示例：

var arr = ["橘", "猫", "吃", "不", "胖"];
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
console.log(arr[3]);
console.log(arr[4]);//超出数组元素索引范围

输出结果：
橘
猫
吃
不
胖

4 数组遍历

4.1 使用for循环遍历

数组遍历是将数组中的元素全部访问一遍，可以利用for循环来实现，在for循环中让索引从0开始自增。如果数组元素比较多时，计算数组元素的个数不太方便，这时候可以利用“数组名.length”来快速地获取数组长度。

示例：

var arr = ["橘", "猫", "吃", "不", "胖"];
for (var i = 0; i < arr.length; i++) 
    console.log(arr[i]);

结果为：
橘
猫
吃
不
胖

4.2 使用for…of循环遍历

语法：

for (var 变量 of 数组名或集合名) //变量中存放的是数组或集合中的元素

    console.log(变量);

示例：

var arr = ["橘", "猫", "吃", "不", "胖"];
for (var i of arr) 
    console.log(i);

结果为：
橘
猫
吃
不
胖

4.3 使用for…in循环遍历

语法：

for (var 变量 in 数组名或集合名)//变量中存放的数组或集合的索引

    console.log(数组名[变量]);

示例：

var arr = ["橘", "猫", "吃", "不", "胖"];
for (var i in arr) 
    console.log(arr[i]);

结果为：
橘
猫
吃
不
胖

4.4 使用forEach循环遍历

语法为：

arr.forEach(function (k) //依次从数组中取出元素放在k中,然后将k作为参数传递给函数
    console.log(k);
)

示例：

var arr = ["橘", "猫", "吃", "不", "胖"];
arr.forEach(function (k) 
    console.log(k);
)

结果为：
橘
猫
吃
不
胖

5 二维数组

5.1 创建二维数组

创建二维数组的两种常见方式的用法：

1、使用“new Array()”字面量来创建数组

示例：

var a = new Array(
    new Array(10, 20, 30),
    new Array(11, 22, 33),
    new Array(40, 50, 60)
)

输出上面的数组，得到结果如下：

2、使用“[ ]”字面量来创建数组

示例：

var a = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];

输出该数组，得到结果如下：

5.2 元素的访问

语法为：

数组名[行下标][列下标]

示例：

var a = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
console.log(a[0][2]);//输出第一行第3个数

结果是3