Question

166

javascript - how to clone Array without reference

rated 0 times [ 170] [ 4] / answers: 1 / hits: 17400 / 7 Years ago, fri, january 12, 2018, 12:00:00

I'm trying to clone Array to a new one, and I want cloned array has no reference to original copy

I know there're splice and from method, but new array from those methods all has reference to original array

e.g.

let original = [ [1,2], [3,4] ];

let cloned = Array.from(original); // this will copy everything from original 

original[0][0] = -1;

console.log(cloned[0][0]); // the cloned array element value changes too

I also tried using loop to have cloned[i][j] = original[i][j], but result is the same

How can I create a new Array with every element having same value from original Array, but the cloned Array should have no reference to original Array?

thanks!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

longd

Add To Favorites

Follow

Total Points: 616

Total Questions: 110

Total Answers: 101

Location: Andorra

Member since Sat, May 27, 2023

1 Year ago

longd questions

1 JS to TS: Type 'null' is not assignable to type 'number'

Mon, Jan 24, 22, 00:00, 2 Years ago

1 Typescript class variables and error: refers to a value, but is being used as a type here. . Did you mean typeof' .... Why exactly?

Wed, May 26, 21, 00:00, 3 Years ago

1 Slick Slider two rows, how?

Sat, Apr 3, 21, 00:00, 3 Years ago

1 VS Code auto formatting with prettier

Mon, Jul 13, 20, 00:00, 4 Years ago

1 Uncaught SyntaxError: import declarations may only appear at top level of a module:1:18 asking again

Tue, Jun 9, 20, 00:00, 4 Years ago

View All

answered 7 Years ago harleew · Accepted Answer

By using this method we can create a copy of an array. Please check the below example. Credits to this SO Answer

let original = [

  [1, 2],

  [3, 4]

];

let cloned = JSON.parse(JSON.stringify(original)); // this will copy everything from original 

original[0][0] = -1;

console.log(cloned); // the cloned array element value changes too

console.log(original);

.as-console {

  height: 100%;

}



.as-console-wrapper {

  max-height: 100% !important;

  top: 0;

}