Is this a good way to clone an object in ES6?

javascript ecmascript-6 javascript-objects
Dmitry Fadeev picture Dmitry Fadeev · Sep 28, 2016 · Viewed 126k times · Source

Googling for "javascript clone object" brings some really weird results, some of them are hopelessly outdated and some are just too complex, isn't it as easy as just:

let clone = {...original};

Is there anything wrong with this?

Answer

Mark Shust at M.academy picture Mark Shust at M.academy · Sep 12, 2017

This is good for shallow cloning. The object spread is a standard part of ECMAScript 2018.

For deep cloning you'll need a different solution.

const clone = {...original} to shallow clone

const newobj = {...original, prop: newOne} to immutably add another prop to the original and store as a new object.

Related questions

Create object from array

I want to create object from list of array. I have an array which is dynamic which suppose to be look like this: var dynamicArray = ["2007", "2008", "2009", "2010"]; and with some javascript es6 I want to make an object like this: const obj = { 2007: { …

Read More
How to find duplicate values in a JavaScript array of objects, and output only unique values?

I'm learning JS. Supposing I have the below array of objects: var family = [ { name: "Mike", age: 10 }, { name: "Matt" age: 13 }, { name: "Nancy", age: 15 }, { name: "Adam", age: 22 }, { name: "Jenny", age: 85 }, { name: "Nancy", age: 2 }, { name: "Carl", age: 40 } ]; Notice that Nancy is showing up …

Read More
How create static functions/objects in javascript/nodejs (ES6)

I want to create a static class using Javascript/Node JS. I used google but i can't find any usefull example. I want to create in Javascript ES6 something like this (C#): public static MyStaticClass { public static void someMethod() { //do …

Read More