Vue.js从入门到精通
上QQ阅读APP看书,第一时间看更新

2.4.2 数组解构

数组解构的语法格式是将变量名组成一个数组,并放在赋值操作符的左边。因为数组的数据结构中没有属性名,所以在语法上更加简单。示例代码如下:

     let person = ["Tony", "Kelly", "Jerry"];
     let [a, b, c] = person;
     console.log(a);                           //Tony
     console.log(b);                           //Kelly
     console.log(c);                           //Jerry

在对数组进行解构赋值时,变量的值和数组中的元素是一一对应的。如果要获取数组中指定位置的元素值,可以只为该位置的元素提供变量名。例如,获取上述代码中数组的第3个位置的元素,实现的代码如下:

     let person = ["Tony", "Kelly", "Jerry"];
     let [, , c] = person;
     console.log(c);                           //Jerry

为数组进行解构赋值,也可以先声明变量,之后使用解构语法为变量赋值。与对象解构不同,这里不需要使用小括号包含解构赋值语句。示例代码如下:

     let person = ["Tony", "Kelly", "Jerry"];
     let a, b, c;
     [a, b, c] = person;
     console.log(a);                           //Tony
     console.log(b);                           //Kelly
     console.log(c);                           //Jerry