JavaScript中的对象分解

最新推荐文章于 2024-05-07 13:21:18 发布

sun海涛

最新推荐文章于 2024-05-07 13:21:18 发布

阅读量838

点赞数

文章标签： javascript java python ViewUI

原文链接：https://medium.com/swlh/object-destructuring-in-javascript-c905fc676501

版权

Destructuring is a convenient way of extracting multiple values from data stored in objects and Arrays. ES6 introduced some significant improvements to the language, including the de-structuring of Objects and Arrays. Honestly speaking, these are my favorite edition in the JavaScript standard syntax.

d estructuring是从存储在对象和数组数据提取的多个值的一种方便的方法。 ES6对该语言进行了一些重大改进，包括对对象和数组的解构。老实说，这是我最喜欢JavaScript标准语法版本。

对象解构 (Object destructuring)

Object destructuring takes a similar tack as array destructuring. Suppose you have a student object with two properties: name and id. Previously in javascript, when you want to assign the variables to the properties of the student object, you need to make a variable from something that is inside of an object like this:

对象解构与数组解构相似。假设您有一个带有两个属性的Student对象：name和id。以前在javascript中，当您想将变量分配给Student对象的属性时，需要从对象内部的内容中创建一个变量，如下所示：

Here, you’ve got this pretty much repetitive code over and over again. But ES6 destructuring assignment makes it easier and single line like this:

在这里，您将一遍又一遍地得到这段重复的代码。但是，ES6的解构分配使它变得更容易且像这样：

Assignment without declaration:

没有声明的分配：

A variable can be assigned its value with destructuring separate from its declaration.

变量可以通过与声明分开的方式分配其值。

Assigning to new variable names:

分配给新的变量名称：

We can be assigned to a variable with a different name than the object property.

我们可以分配给一个名称与对象属性不同的变量。

Default values:

默认值：

It is possible to set default values when using the destructuring assignment.

使用解构分配时可以设置默认值。

Here, const creates variables, so id is undefined. But we can fix this problem using the default value.

在这里，const创建变量，所以id是不确定的。但是我们可以使用默认值解决此问题。

Note: Default values in destructuring can’t working with null, false, and 0. It only works if the variables either don’t exist or their value is set to undefine.

注意：解构中的默认值不能与null，false和0一起使用。仅在变量不存在或变量的值设置为undefine时才起作用。

Rest(…) operator in Object Destructuring:

对象解构中的Rest(…)运算符：

The Rest properties add the rest syntax to destructuring.

Rest属性将rest语法添加到解构中。