How to Copy an Array in JavaScript


How to Copy an Array in JavaScript ?

Answer

To copy an array in JavaScript, you can use various methods such as spread operator, Array.from(), or Array.slice().



✐ Examples

1 Copying an Array using Spread Operator

In this example,

  1. We create an array named array1 with elements.
  2. We then use the spread operator [...array1] to create a copy of array1 and store it in array2.
  3. The spread operator creates a new array with the same elements as the original array.

JavaScript Program

const array1 = [1, 2, 3, 4, 5];
const array2 = [...array1];
console.log('Array 1:', array1);
console.log('Array 2 (copy of Array 1):', array2);

Output

Array 1: [ 1, 2, 3, 4, 5 ]
Array 2 (copy of Array 1): [ 1, 2, 3, 4, 5 ]

2 Copying an Array using Array.from()

In this example,

  1. We create an array named array1 with elements.
  2. We then use Array.from(array1) to create a copy of array1 and store it in array2.
  3. Array.from() creates a new array instance from an array-like or iterable object.

JavaScript Program

const array1 = [1, 2, 3, 4, 5];
const array2 = Array.from(array1);
console.log('Array 1:', array1);
console.log('Array 2 (copy of Array 1):', array2);

Output

Array 1: [ 1, 2, 3, 4, 5 ]
Array 2 (copy of Array 1): [ 1, 2, 3, 4, 5 ]

3 Copying an Array using Array.slice()

In this example,

  1. We create an array named array1 with elements.
  2. We then use array1.slice() to create a copy of array1 and store it in array2.
  3. Array.slice() returns a shallow copy of a portion of an array into a new array object.

JavaScript Program

const array1 = [1, 2, 3, 4, 5];
const array2 = array1.slice();
console.log('Array 1:', array1);
console.log('Array 2 (copy of Array 1):', array2);

Output

Array 1: [ 1, 2, 3, 4, 5 ]
Array 2 (copy of Array 1): [ 1, 2, 3, 4, 5 ]

Summary

In this tutorial, we learned How to Copy an Array in JavaScript language with well detailed examples.




More JavaScript Arrays Tutorials

  1. How to Declare an Array in JavaScript ?
  2. How to Initialize an Array in JavaScript ?
  3. How to Access Array Elements in JavaScript ?
  4. How to Access Array Elements using Index in JavaScript ?
  5. How to get First Element in Array in JavaScript ?
  6. How to get Last Element in Array in JavaScript ?
  7. How to check if an Array is Empty in JavaScript ?
  8. How to check if an Array is Not Empty in JavaScript ?
  9. How to get Sub Array in JavaScript ?
  10. How to Get Array Length in JavaScript ?
  11. How to Iterate Over an Array in JavaScript ?
  12. How to Iterate Over an Array in Reverse Order in JavaScript ?
  13. How to get the Index of Specified Element in an Array in JavaScript ?
  14. How to check if Specified Element is present in the Array in JavaScript ?
  15. How to count the Number of Occurrences of Specified Element in the Array in JavaScript ?
  16. How to Sort an Array in JavaScript ?
  17. How to Sort an Array in Ascending Order in JavaScript ?
  18. How to Sort an Array in Descending Order in JavaScript ?
  19. How to create a Two Dimensional Array in JavaScript ?
  20. How to Iterate over a Two Dimensional Array in JavaScript ?
  21. How to create a Three Dimensional Array in JavaScript ?
  22. How to Copy an Array in JavaScript ?
  23. How to Split an Array in JavaScript ?
  24. How to Join Arrays in JavaScript ?
  25. How to check if Two Arrays are Equal in JavaScript ?
  26. How to check if Two Arrays have Same Elements (Regardless of Order) in JavaScript ?
  27. How to Convert an Array of Integers to an Array of Strings in JavaScript ?
  28. How to Convert an Array of Strings to an Array of Integers in JavaScript ?
  29. How to Reverse an Array in JavaScript ?
  30. How to Shuffle an Array in JavaScript ?
  31. How to Rotate Elements in an Array in JavaScript ?
  32. How to Filter Elements of an Array based on a Condition in JavaScript ?
  33. How to Declare an Integer Array in JavaScript ?
  34. How to Declare a Float Array in JavaScript ?
  35. How to Declare a String Array in JavaScript ?
  36. How to Remove Duplicates in an Array in JavaScript ?
  37. How to Remove Specific Element from an Array in JavaScript ?
  38. How to Remove Element from Array based on a Condition in JavaScript ?
  39. How to Sort a String Array in Dictionary Order in JavaScript ?
  40. How to Concatenate Strings in Array in JavaScript ?