Shulou(Shulou.com)06/01 Report--

This article mainly shows you the "sample analysis of object deconstruction in ES6", which is easy to understand and well-organized. I hope it can help you solve your doubts. Let the editor lead you to study and study the "sample analysis of object deconstruction in ES6".

Object deconstruction 1 deletes unwanted attributes

Sometimes you don't want to keep certain object properties, perhaps because they contain sensitive information or are simply too just too big. You might enumerate the entire object and delete it, but in fact you simply assign these useless properties to the variable and then take the useful parts you want to keep as the remaining parameters.

In the following code, we want to remove the _ internal and tooBig parameters. We can assign them to the internal and tooBig variables, and then store the remaining properties in cleanObject for later use.

Let {_ internal, tooBig,... cleanObject} = {el1: '1percent, _ internal: "secret", tooBig: {}, el2:' 2percent, el3:'3'}; console.log (cleanObject); / / {el1: '1percent, el2:' 2percent, el3:'3'} 2 deconstructs nested objects in function parameters

In the following code, engine is an object nested in the object car. If we are interested in the vin property of engine, we can easily get it using deconstruction assignments.

Var car = {model: 'bmw 2018 vin, engine: {V6: true, turbo: true, vin: 12345}} const modelAndVIN = ({model, engine: {vin}}) = > {console.log (`model: ${model} vin: ${vin} `);} modelAndVIN (car); / / > model: bmw 2018 vin: 123453 merge objects

ES6 comes with the extension operator (...). It is generally used to deconstruct arrays, but you can also use it to process objects.

Next, we use the extension operator to expand a new object, and the property value in the second object overwrites the property value of the first object. For example, b and c of object2 overwrite the properties of object1 with the same name.

Let object1 = {avell 1, bazaar 2jcv 3} let object2 = {blv 30, cvv 40, dvv 50} let merged = {… Object1,... Object2} / / spread and re-add into mergedconsole.log (merged) / / {amerged 1, BRV 30, CRAV 40, dRV 50} above are all the contents of this article entitled "sample Analysis of object deconstruction in ES6". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.