ES6中的解构赋值
Posted lujieting
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES6中的解构赋值相关的知识，希望对你有一定的参考价值。
{
let a,b,rest;
[a,b]=[1,2];
console.log(a,b);// 1 2
}
{
let a,b,rest;
[a,b,...rest]=[1,2,3,4,5,6];
console.log(a,b,rest);// 1 2 >[3,4,5,6]
}
{
let a,b;
({a,b}={a:1,b:2})
console.log(a,b);// 1 2
}
{
let a,b,c,rest;
[a,b,c=3]=[1,2];
console.log(a,b,c);// 1 2 3
}
{
let a=1;
let b=2;
[a,b]=[b,a];
console.log(a,b);// 2 1
}
{
function f(){
return [1,2]
}
let a,b;
[a,b]=f();
console.log(a,b);// 1 2
}
{
function f(){
return [1,2,3,4,5]
}
let a,b,c;
[a,,,b]=f();
console.log(a,b);// 1 4
}
{
function f(){
return [1,2,3,4,5]
}
let a,b,c;
[a,,...b]=f();
console.log(a,b); // 1 >[3,4,5]
}
{
let o={p:42,q:true};
let {p,q}=o;
console.log(p,q);// 42 true
}
{
let {a=10,b=5}={a:3};
console.log(a,b);// 3 5
}
{
let metaData={
title:‘abc‘,
test:[{
title:‘test‘,
desc:‘description‘
}]
}
let {title:esTitle,test:[{title:cnTitle}]}=metaData;
console.log(esTitle,cnTitle);// abc test
}
以上是关于ES6中的解构赋值的主要内容，如果未能解决你的问题，请参考以下文章