es6解构赋值

数组

普通:
let [ZS, LS, WW] = [30, 35, 40]
// ZS = 30
// LS = 35
// WW = 40

剩余:
let [ZS, ...LS] = [30, 35, 40]
// ZS = 30
// LS = [35,40]

字符串:
let arr = [ZS,LS,WW,TS] = "hell"
// ZS = "h"
// LS = "E"  ...

对象

普通:
let obj = { detail: '123', detail22: '345' }
let { detail, detail22 } = obj
// detail  = '123'
// detail22  =  '345' 
// ...

剩余:
let obj = { detail: '123', detail22: '345', detail33: '888' }
let { detail, ...all } = obj
// detail  = '123'
// all = {detail22: '345' ,detail33:'888' }
// ...
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前面的话 我们经常定义许多对象和数组,然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性...
    sunnyghx阅读 769评论 0 0
  • 引入 在ES5中,开发者们为了从对象和数组中获取特定数据并赋值给变量,编写了许多看起来同质化的代码 这段代码从op...
    nengzhuan_zhang阅读 627评论 0 0
  • 数组的解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructur...
    _羊羽_阅读 546评论 0 1
  • 前言 为什么要使用解构赋值,ES5及以前的版本 虽然这段代码看上去也挺简单的,但想象一下如果你要给大量的变量赋值,...
    平凡_ee89阅读 185评论 0 0
  • ES6充满着乐趣,它不但真正提升了我们对 JavaScript 的编程体验,而且显示了 JavaScript 值得...
    小王啊_阅读 7,432评论 0 4