ES6 从入门到精通 # 07:解构赋值

Posted 凯小默

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6 从入门到精通 # 07:解构赋值相关的知识,希望对你有一定的参考价值。

说明

ES6 从入门到精通系列(全23讲)学习笔记。

解构赋值

解构赋值是对赋值运算符的一种拓展,它针对数组和对象来进行操作。

优点:代码书写上简单易读

let man = 
	name: "kaimo",
	value: 313

// es5
let name = man.name;
let value = man.value;
// es6 完全解构
let  name, value  = man;
console.log(name, value)

let obj = 
	a: 
		name: "kaimo"
	,
	b: [],
	c: "hello cat"

// 不完全解构
let  a  = obj;
console.log(a);

// 剩余运算符
let  a, ...res  = obj;
console.log(a, res)

// 默认值
let  a, b = 30  =  a: 20 ;

对数组解构

let arr = [1, 2, 3];
let [a, b, c] = arr;
console.log(a, b, c);

// 可嵌套
let [a, [b], c] = [1, [2], 3];
console.log(a, b, c);

以上是关于ES6 从入门到精通 # 07:解构赋值的主要内容,如果未能解决你的问题,请参考以下文章

ES6 从入门到精通 # 04:函数之默认值剩余参数

es6(es2015)解构赋值

阮一峰老师的ES6入门:变量的解构赋值

《ES6标准入门》二变量的解构赋值

ES6入门之变量的解构赋值

JavaScript--解构赋值 & 剩余参数