美文网首页前端干货
更方便的数据访问--解构

更方便的数据访问--解构

作者: Cherry9507 | 来源:发表于2020-03-20 10:30 被阅读0次

ES5我们提取对象中的信息形式如下:

const people = {
       name: 'lux',
       age: 20
   }
   const name = people.name
   const age = people.age
   console.log(name + ' --- ' + age)

是不是觉得很熟悉,没错,在ES6之前我们就是这样获取对象信息的,一个一个获取。

现在,解构能让我们从对象或者数组里取出数据存为变量,例如
  //对象
    const people = {
        name: 'lux',
        age: 20
    }
    const { name, age } = people
    console.log(`${name} --- ${age}`)
    //数组
    const color = ['red', 'blue']
    const [first, second] = color
    console.log(first) //'red'
    console.log(second) //'blue'

相关文章

  • 更方便的数据访问--解构

    ES5我们提取对象中的信息形式如下: 是不是觉得很熟悉,没错,在ES6之前我们就是这样获取对象信息的,一个一个获取...

  • 五: 解构: 更方便的数据访问

    前言 该部分为书籍 深入理解ES6 第五章(解构: 更方便的数据访问)笔记 解构的作用 把数据结构分解为更小的部分...

  • 解构赋值-更方便的访问数据

    欢迎访问主页,有更多文章内容转载请注明原出处原文链接地址:解构赋值-更方便的访问数据 在开发过程中,常会用到con...

  • ES6--(5)解构:更方便的数据访问

    解构为何有用? 解构使得在 JS 中操作对象与数组变得更容易。使用熟悉的对象字面量与数组字面量语法,可以将数据结构...

  • ES6(五)解构:更方便的数据访问1

    对象与数组的字面量在JS 中是最常用的两种表示法. 并且感谢流行的 JSON 数据格式。 定义对象与数组,然后从中...

  • ES6(五)解构:更方便的数据访问2

    1.混合解构 2.参数解构 混合解构 对象与数组解构能被用在一起,以创建更复杂的解构表达式。 let node =...

  • 深入理解ES6--5.解构:更方便的数据访问

    主要知识点:对象解构、数组解构、混合解构以及参数解构 1. 对象解构 对象解构语法 对象解构语法在赋值语句的左侧使...

  • 关于数据访问--解构

    我们知道访问一个对象的属性的时候,我们使用.或者[]来访问。比如: 这样,如果我们要访问某个对象的每个属性的时候,...

  • <<深入理解ES6>>记:五

    第5章 解构:使数据访问更便捷 1.对象解构 允许默认值 为不同名局部变量赋值 嵌套对象解构 2.数组解构 3.不...

  • ES6 新特性:解构

    解构:使数据访问更加便捷 解构:结构是一种打破数据结构,将其拆分成更小部分的过程。 在ES6之前,为了从对象和数组...

网友评论

    本文标题:更方便的数据访问--解构

    本文链接:https://www.haomeiwen.com/subject/wzidyhtx.html