Breaking News: Grepper is joining You.com. Read the official announcement!

array map modifies original array javascript

Javier Bonilla answered on October 6, 2022 Popularity 2/10 Helpfulness 1/10

answer array map modifies original array javascript

array map modifies original array javascript

Comment

/*Unfortunately, whether the spread operator nor the object assign operator does a deep copy.... 
You need to use a lodash like function to get areal copy not just a reference copy. */

const util = require('util');
const print = (...val) => {
    console.log(util.inspect(val, false, null, false /* enable colors */));
};
const _ = require('lodash');

const obj1 =     {foo:{bar:[{foo:3}]}};
const obj2 =     {foo:{bar:[{foo:3}]}};

const array = [obj1, obj2];

const objAssignCopy = x => { return Object.assign({}, x, {})};
const spreadCopy = x => { return {...x}};
const _Copy = x => _.cloneDeep(x);

const map1 = array.map(objAssignCopy);
const map2 = array.map(spreadCopy);
const map3 = array.map(_Copy);

print('map1', map1);
print('map2', map2);
print('map3', map3);
obj2.foo.bar[0].foo = "foobar";
print('map1 after manipulation of obj2', map1); // value changed 
print('map2 after manipulation of obj2', map2); // value changed
print('map3 after manipulation of obj2', map3); // value hasn't changed!

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: array-map javascript

Link to this answer
Share Copy Link

Contributed on Oct 06 2022

Javier Bonilla

0 Answers Avg Quality 2/10

array map modifies original array javascript

Contents

More Related Answers

array map modifies original array javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.