数据的解构赋值

数据的解构赋值

解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。

解构数组

数组的解构赋值根据下标来赋值

变量声明并赋值时的解构

let arr=["jack","lily",13,"张三"];
//变量声明并赋值
let [a,b,c,d]=arr;
//jack lily 13 张三
console.log(a,b,c,d); 
//张三 13 lily jack
console.log(d,c,b,a);

变量先声明后赋值时的解构

//先声明
let arr=["jack","lily",13,"张三"];
let a,b,c,d;
//后赋值
[a,b,c,d]=arr;
//jack lily 13 张三
console.log(a,b,c,d); 
//张三 13 lily jack
console.log(d,c,b,a);

取某一项值或者忽略某些值

let arr=["jack","lily",13,"张三"];

//取lily,忽略其他值
let [,name,,,]=arr;    

默认值

为了防止从数组中取出一个值为undefined的对象，可以在表达式左边的数组中为任意对象预设默认值。

let nums=[1,1];
//在表达式左边的数组中预设默认值
let [a=2,b=2,c=2]=nums;
//1 1 2
console.log(a,b,c);

缺省数组解析

当解构一个数组时，可以使用缺省数组解析，将数组剩余部分赋值给一个变量。
缺省数组解析 必须使用 …

let arr=["jack","lily",13,"张三"];

//使用...将数组剩余部分赋值给一个变量
let[a,...d]=arr;

//jack
console.log(a);

//["lily", 13, "张三"]
console