ES6解构赋值 (数组 , 对象)

ES6允许从数组中提取值,按照对应位置 对变量赋值。对象也可以实现解构。

1.数组解构

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

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

//如果解构不成功 为undefined
let ary = [1, 2, 3]
let [a, b, c, d, e] = ary
console.log(a)   // 1
console.log(b)   // 2
console.log(c)   // 3
console.log(d)  // undefined
console.log(e)  // undefined

1.对象解构
允许 我们使用变量的名字匹配对象的属性 匹配成功将对象属性的值赋值给变量

let person = { name: 'libai', age: 20 };

let {name, age} = person;
console.log(name1)  // ' libai '
console.log(age1)  //  20

对象解构 起别名

let person = { name: 'libai', age: 20 };

let {name: myname , age: myage} = person;
console.log(myname)  // ' libai '
console.log(myage)  //  20
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前面的话   我们经常定义许多对象和数组,然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新...
    CodeMT阅读 519评论 0 0
  • 前面的话 我们经常定义许多对象和数组,然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性...
    sunnyghx阅读 763评论 0 0
  • 引入 在ES5中,开发者们为了从对象和数组中获取特定数据并赋值给变量,编写了许多看起来同质化的代码 这段代码从op...
    nengzhuan_zhang阅读 626评论 0 0
  • 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring...
    嘉奇呦_nice阅读 791评论 0 2
  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 3,042评论 3 37