How to Clone Arrays in JavaScript

how to clone arrays in javascript

In this short tip post, we will learn how to clone the existing array in JavaScript.

Table of Contents

Objective

Create a copy of the array using JavaScript function.

Approach

Generally, people do the iteration over the existing array and copy each element to new array to create a clone.

We can use slice() function to create the clone of an array.

Code

Here is the code.

var arr =  [ 10, 20, 30, 4, 5, 6, 112, 333, 4, 2, 5, 66 ]

var arr2 = arr.slice(0);

console.log('Actual array ', arr);
console.log('Cloned array', arr2);

Check out the codepen for the live demo.

See the Pen
clone array
by Shahid Shaikh (@codeforgeek)
on CodePen.

Love JavaScript? Learn more about it here.