欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ES6基础之——解构数组Array Destructuring

程序员文章站 2022-03-10 18:14:38
...
解构是ES6里面介绍的一个新的语法,意思就是去分解一个东西的结构

 

例子:
function breakfast(){
return ['cake','tea','apple'];
}

 

函数breakfast的功能就是返回一个数组的值。如果想把这个数组里面不同项目里的值分配给指定的变量:

 

一、老的方法是把函数返回的值交给一个临时变量,然后让这几个变量的值分别等于临时变量里面分别对应对应的那个值,代码:
var tmp =breakfast(),
dessert=tmp[0],drink=tmp[1],fruit=tmp[2]
console.log(dessert,drink,fruit) //cake tea apple

 

二、使用解构的语法;
let [dessert,drink,fruit]=breakfast();
console.log(dessert,drink,fruit) //cake tea apple

 

这样的话,这个数组里面第一个项目的值就会交给前面的dessert,第二个项目的值就会交给前面的drink,第三个项目的值就会交给前面的fruit