Object Destructuring(对象解构)

作者: 灯火葳蕤234 | 来源:发表于2019-03-17 21:12 被阅读0次

ES6中一个在react中常见的特性就是对象的解构。

const address = {
  street: '',
  city: '',
  country: ''
};

在代码的某个地方，我需要取得这些属性，并将它们保存于独立的变量中，我们可能这样声明每个独立变量对应一个属性。

const street = address.street;
const city = address.city;
const country = address.country;

这段代码的问题在于我们重复地使用"address."这样的语法，解构就解决了这个问题，我们可以这样重写代码：

const {street,city,country} = address;

这样其实就是把address对象的对应属性取出来放在street,city,country常量中,和上面三行的效果是一样的

Object Destructuring(对象解构)
ES6中一个在react中常见的特性就是对象的解构。在代码的某个地方，我需要取得这些属性，并将它们保存于独立的变...
解构赋值（Object Destructuring）
参考文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScr...
[ES6] 解构赋值
解构（Destructuring） ES6 允许从数组和对象中提取值，对变量进行赋值，这被称为解构（Destruc...
ES6 解构
解构 ES6 新增了解构( destructuring )，它按照一定模式，从数组和对象中提取值，对变量进行赋值，...
ES6数组的解构赋值
解构（Destructuring）。是指在ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，在解构出...
ES6浅记录
解构赋值从对象或数组中提取数值，赋值于另一个变量。（Destructuring); symbol //标识新增的...
数组的解构赋值
定义：从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）（1）如果结构不成功，变量...
es6
let && const 解构赋值&剩余运算符&展开解构赋值对象的解构赋值剩余运算符展开 Object.d...
ES6基本的语法(四) destructuring ES6 解构
destructuring 解构赋值解构也叫解构化赋值:解构过程中，具备赋值和变量声明两个功能。目的在于把等号左...
循环对象
使用Object.values快速获取对象键值使用Object.keys快速获取对象键名解构时设置默认值

网友评论

本文标题：Object Destructuring(对象解构)

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

Object Destructuring(对象解构)