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

This article is about how JavaScript implements deep cloning of multi-level objects. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Deep cloning of multi-level objects

To deeply clone a multi-level object, you can traverse each property and check whether the current property contains an object. If so, the same function is called recursively by passing the current property value (that is, the nested object). It can also be implemented on one line using JSON.stringify () and JSON.parse ().

Let obj = {x: 20, y: {z: 30}}; / / Longhand const makeDeepClone = (obj) = > {let newObject = {}; Object.keys (obj) .map (key = > {if (typeof obj [key] = 'object') {newObject [key] = makeDeepClone (obj [key]);} else {newObject [key] = obj [key];}}); return newObject;} const cloneObj = makeDeepClone (obj) / / Shorthand const cloneObj = JSON.parse (JSON.stringify (obj))

If the object property takes a function as its value, the shorthand technique (JSON.parse (JSON.stringify (obj) has no effect. Because when JSON.stringif acts on an object, properties that take functions as values are removed from the object. Therefore, in this case, it is still necessary to use the ordinary method of writing.

Thank you for reading! This is the end of this article on "how to achieve deep cloning of multi-level objects in JavaScript". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!

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.