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

ES6 数组的解构赋值

程序员文章站 2024-03-30 22:27:15
数组的解构赋值 将数组的值,或者对象的属性,提取到不同的变量中 const arr=[1,2,3,4]; let [a,b,c,d]=arr; 更复杂的匹配规则: const arr=[1,2,[3,4],[5,6,7]]; let [,b]=arr; let [,,c,d]=arr; let [, ......

数组的解构赋值

将数组的值,或者对象的属性,提取到不同的变量中

const arr=[1,2,3,4];
let [a,b,c,d]=arr;

ES6 数组的解构赋值

 

 

更复杂的匹配规则:

const arr=[1,2,[3,4],[5,6,7]];
let [,b]=arr;
let [,,c,d]=arr;
let [,,,[,,g]]=arr;

ES6 数组的解构赋值

 

 

扩展运算符:

...

let arr1=[1,2];
let arr2=[3,4];
let arr3=[5,6];
let arr4=[arr1,arr2,arr3];//三个数组
let arr5=[...arr1,...arr2,...arr3];//合并数组的值

ES6 数组的解构赋值

 

 

数组的解构赋值与扩展运算符结合

const arr=[1,2,3,4,5];
let [a,b,c]=arr;
let[a2,b2,...c2]=arr;//取到剩下的所有值

ES6 数组的解构赋值

 

 

默认值

没有匹配到的值默认为undefined

const arr=[1,undefined,undefined];
let [a,b,c,d]=arr;

ES6 数组的解构赋值

 

 

如果是undefined,可以在解构赋值时单独再赋值(必须是undefined)

const arr=[1,undefined,undefined,null];
let [a,b=2,c=3,d=4]=arr;

ES6 数组的解构赋值

 

 

交换变量

let a=10,b=20;
[a,b]=[b,a];//交换数据

ES6 数组的解构赋值

 

 

接收多个 函数返回值:

function getinfo(id){
    //ajax...
    
    return [
        "success",
        {
            name:"cyy",
            age:18,
            id:id
        },
        "请求成功"
    ];
}
const [status,info,res]=getinfo(123);

ES6 数组的解构赋值