ES6 数组



ES6 数组

ES6 数组

JavaScript 中的数组 是一个被使用的对象表示一组相似类型的元素。它允许您在单个变量名称中存储多个值或一组值。数组用于按时间顺序存储值的集合。数组是同类元素的集合,或者我们可以说数组是相同数据类型值的集合。
我们可以存储任何有效值,例如对象、数字、字符串、函数和还有其他数组,它们可以创建复杂的数据结构,例如数组数组或对象数组。

语法

有两种声明方式一个数组。
var array_name = new Array();  // By using the new keyword
var array_name = [value1, value2,....valueN];  //By using Array literals
                or,
var array_name;   //Declaration
array_name=[value1, value2,…..valueN]; //Initialization

数组参数包含整数和字符串的列表。建议使用数组字面量来创建数组,而不是使用new关键字。
new关键字只会使代码复杂化,有时还会它会产生意想不到的结果。如果在数组的构造函数中指定单个数值参数(或使用 new 关键字创建数组),那么它将被视为数组的长度。
注意: 数组允许的最大长度为 4,294,967,295、
假设像var num = [1,2,3,4]这样的声明会给你一个如下所示的数组:

访问数组元素

数组从0开始索引。数组名后跟下标用于引用数组元素。

语法

array_name[subscript];

示例

var num;
num = [2,4,6,8];
console.log(num[0]);
console.log(num[1]);

输出
2
4

数组构造函数

我们也可以使用数组构造函数来创建数组。数组构造函数可以传递为:

以逗号或, 分隔的值列表
表示数组大小的数值

以下示例将向您展示相同的插图:

ES6 数组_https://bianchenghao6.com_【ES6 教程】_第1张

示例-单个数值

var num = new Array(5); // this single numeric value indicates the size of array.
var i;
for(i=0;i<num.length;i++){
num[i]=i*5;
console.log(num[i]);
}

输出
0
5
10
15
20

示例-逗号分隔值

var num = new Array(1,2,3,4,5);
var i;
for(i=0;i<num.length;i++){
console.log(num[i]);
}

输出
1
2
3
4
5

JavaScript 数组

JavaScript 支持以下类别的数组。

多维数组
将数组传递给函数
从函数返回数组

ES6 多维数组

ES6 也支持多维数组概念。多维数组可以定义为对其值的另一个数组的数组引用。
JavaScript 中不直接提供多维数组。如果你需要创建一个多维数组,你必须使用一维数组来完成。
我们也可以说二维数组是多维数组的最简单形式。
声明
以下语法说明了如何在 JavaScript 中声明二维数组。
var array_name = [[value1,value2,value3],[val1,val2,val3]];

数组二维元素的访问
var array_name[initial_array_index][referenced_array_index]

示例
var multi = [[2,3,4],[4,9,16]]  
console.log(multi[0][0]) 
console.log(multi[0][1]) 
console.log(multi[0][2]) 
console.log(multi[1][0]) 
console.log(multi[1][1]) 
console.log(multi[1][2])    

输出
2
3
4
4
9
16

将数组传递给函数

将数组作为参数传递给函数,您必须指定不带括号的数组名称(对数组的引用)。让我们试着用下面的例子来理解它。
例子
var rainbow = new Array["Violet", "Indigo", "Blue", "Green", "Yellow", "Orange", "Red"];
function show(rainbow) {    
   for(var i = 0;i<rainbow.length;i++) {            
      console.log(rainbow[i]) 
   } 
} 
show(rainbow)

输出
Violet
Indigo
Blue
Green
Yellow
Orange
Red

从函数返回数组

它允许函数返回一个数组。
示例
function show() { 
    return new Array("Blue", "Red", "Green", "Yellow") 
 } 
 var colors = show() 
 for(var i in colors) { 
    console.log(colors[i])   
 }

输出
Blue
Red
Green
Yellow

数组方法

ES6 中的数组方法对于处理存储在数组中的数据很有用。数组方法用于通过数组轻松执行复杂任务。
您可以通过单击此链接了解有关数组方法的更多信息ES6 数组方法

解构赋值

ES6 为我们提供了一个名为解构赋值的新特性,它允许我们从对象和数组中提取特定项并使用速记语法将它们放入变量中。它不仅有助于减少代码,而且还改变了构建代码的方式。它是破坏结构的过程。
解构赋值是一种 JavaScript 表达式,可以从数组、映射、集合以及不同变量中对象的属性中提取数据。

数组解构

解构意味着将复杂的结构分解成更简单的部分。使用解构语法,您可以从对象和数组中提取更小的片段。它可用于变量的赋值和声明。
要了解有关数组解构的更多信息,可以单击此链接ES6 数组解构.

对象解构

它类似于数组解构,只是不是从数组中取出值,而是属性(或键)及其对应的可以从对象中提取值。
要了解有关对象解构的更多信息,您可以单击此链接ES6 对象解构。