Java教程

JavaScript数组

本文主要是介绍JavaScript数组,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

这篇关于JavaScript数组的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!