js-es6-变量的解构赋值
2017-10-03 23:00
543 查看
本质上就是一种匹配模式,只要等号两边的模式相同,那么左边的变量就可以 被赋予对应的值。
结构赋值主要分为:
1 数组的解构赋值
2 对象的结构赋值
3 基本类型的解构赋值
数组的结构赋值
对象的解构赋值
基本类型的解构赋值
注意null 和 undefined 不能进行解构赋值
结构赋值主要分为:
1 数组的解构赋值
2 对象的结构赋值
3 基本类型的解构赋值
数组的结构赋值
let [a, b, c] = [1, 2, 3]; console.log(a, b, c);//1,2,3
let [a, [[b], c]] = [1, [[2], 3]]; console.log(a, b, c); // 1, 2, 3
let [, , c] = [1, 2, 3]; console.log(c); // 3
let [x] = []; console.log(x); //undefine
let [y = 1] = []; console.log(y); // 1
对象的解构赋值
let {a, b} = {b: 'bbb', a: 'aaa'}; console.log(a, b);//aaa bbb
let {a: b} = {a: 1}; console.log(b);//1
基本类型的解构赋值
let [a, b, c, d] = '1234'; console.log(a, b, c, d);
let {length: len} = 'hello'; console.log(len);//5
let {toString: ts} = 1; let {toString: bs} = true; console.log(ts === Number.prototype.toString);//true console.log(bs === Boolean.prototype.toString);//true
注意null 和 undefined 不能进行解构赋值
let [a] = null;//会报错
相关文章推荐
- js -- ES6(三)-- 变量的解构赋值(根据阮一峰ES6标准入门整理 更新中。。。)
- ES6--变量的声明及解构赋值
- es6笔记(3) 变量的解构赋值
- es6学习篇之 let和const命令 、变量的解构赋值
- ES6(四) 变量的解构赋值
- ES6 变量的解构赋值
- ES6--变量的解构赋值
- ES6-变量解构赋值
- js-ES6学习笔记-变量的解构赋值
- es6 变量的解构赋值
- es6学习之变量的解构赋值
- 【es6】变量解构赋值
- ES6学习之变量的解构赋值
- ES6—变量 解构赋值
- ES6中变量的解构赋值
- ES6第二章 关于“变量的解构赋值”不得不说的事~
- ES6 变量解构赋值
- es6系列-变量的解构赋值
- ES6 - 变量的解构赋值
- ES6新特性四:变量的解构赋值实例