ES6_解构赋值

解构赋值非常有用

例如:

<script >let [a, b, c] = [12, 5, 6];</script>

json:

  <script>let json = {name: "Strive",age: 18,job: "码农"};let {name, age, job} = json;console.log(name);</script>

json中起别名:

  <script>let json = {name: "Strive",age: 18,job: "码农"}//此处的job:a为起别名let {name, age, job: a} = json;console.log(name, age, a);</script>

赋予默认值:

  <script>// 赋予默认值// 此时输出undefine时为空值,若输出null,并非空值(可能是后台给的默认值为null)let [a, b, c = "暂无数据"] = ['aa', 'bb'];console.log(a, b, c);</script>

此时输出的是:

ES6_解构赋值_note相关推荐

让java支持es6_简单看看es6解构赋值
哎,我真的是太难了,今天就被这个解构赋值(也可以叫做析构,貌似析构是在c++中的,所以我这里叫做解构赋值吧)弄的我很烦,本来以为很容易的,结果还是弄了好久...就总结一下解构吧! 1.解构的基本使用 ...
ES6语法~解构赋值、箭头函数、class类继承及属性方法、map、set、symbol、rest、new.target、 Object.entries......
2015年6月17日 ECMAScript 6发布正式版本前面介绍基本语法, 后面为class用法及属性方法.set.symbol.rest等语法. 一.基本语法: 1. 定义变 ...
(6)解构赋值的用途
解构赋值的用途 1.交换变量的值 var a = 100; var b = 200; var t; t = a; a = b; b = t; //解构赋值的写法完成[ES6交换变量的值] var x ...
【ES6】变量的解构赋值
[ES6]变量的解构赋值一.什么叫解构赋值? 二.解构赋值有哪些分类?写法? 1)对数组的解构赋值 2)对对象的解构赋值 3)对字符串的解构赋值 4)对数值和布尔值的解构赋值 5)对函数参数的解构赋 ...
ECMAScript6变量的解构赋值
ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring) ###数组的解构赋值 //ES5 //var a = 1; //var b = 2; //va ...
ES6数组的解构赋值（中）
数组的解构赋值的用法有以下几情况要注意: 1.结构赋值可以嵌套的数组的解构赋值的用法有以下几情况要注意:1.结构赋值可以嵌套的 var [ a,b,[ c1,c2 ] ] = [ 1,2,[ 3.1 ...
ECMA Script 6新特性之解构赋值
1.基本概念用法 1.1解构赋值:ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值. var a = 1; var b = 2; var c = 3; /*上述赋值语句用解构赋值为*/ v ...
ES6解构赋值学习总结
ES6提供了解构赋值的方式,这样子在赋值多个变量或者进行注释时可以方便很多,不同场景下也有很多新的应用,个人常使用的有数组的解构赋值,对象的解构赋值和函数参数的解构赋值,函数参数的解构赋值之前总结过, ...
ES6 对象的新功能与解构赋值介绍
ES6 通过字面量语法扩展.新增方法.改进原型等多种方式加强对象的使用,并通过解构简化对象的数据提取过程. 一.字面量语法扩展在 ES6 模式下使用字面量创建对象更加简洁,对于对象属性来说,属性初始 ...

ES6_解构赋值_note

ES6_解构赋值_note相关推荐

最新文章

热门文章