ES6中的解构赋值

解构赋值语法是一种 Javascript 表达式,它使得将值从数组,或属性从对象,提取到不同的变量中,成为可能。(MDN)
语法

const [a,b] = [1,2]
console.log(a) //1
console.log(b) //2
const[a,b,...rest] = [1,2,3,4,5,6]
conslog.log(a) //1
console.log(b) // 2
console.log(rest) // [3,4,5,6]
const ({ a, b } = { a: 10, b: 20 });
console.log(a); // 10
console.log(b); // 20

解构数组

var foo = ["one", "two", "three"];

var [one, two, three] = foo;
console.log(one); // "one"
console.log(two); // "two"
console.log(three); // "three"

默认值

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

var a,b
[a=4,b=6] = [2]
console.log(a)//2
console.log(b) //6

交换变量

var a = 1,b=2;
[a,b] = [b,a]
console.log(a) //2
console.log(b) //1

解构对象

var o = {p: 42, q: true};
var {p, q} = o;

console.log(p); // 42
console.log(q); // true

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容