How to Duplicate Array Elements into a New Array in JavaScript?

Copy Array Items into Another Array

Duplicating array elements into a new array can be a common task in programming. JavaScript offers various methods to achieve this, including:

The concat Function:

The concat function is an efficient and widely supported approach. It combines multiple arrays into a new array, preserving the original arrays. For example:

var arrayA = [1, 2];
var arrayB = [3, 4];
var newArray = arrayA.concat(arrayB); // [1, 2, 3, 4]

This method creates a new array newArray containing the elements of both arrayA and arrayB.

Array.from and the Spread Operator:

The Array.from method can be used with the spread operator (...) to create a new array from an existing array. This technique works by iterating over the elements of the input array and pushing them into the new array.

var newArray = Array.from(arrayA, x => x); // [1, 2]
newArray = [...arrayA, ...arrayB]; // [1, 2, 3, 4]

The spread operator flattens the input arrays, allowing them to be spread directly into the new array.

The slice Function:

The slice function can be used to create a shallow copy of an array, excluding specific elements. In this case, it can be used to create a new array without the first element of the input array.

var newArray = arrayA.slice(1); // [2]

This method modifies the original array, so it should be used with caution.

By using these methods, you can easily and efficiently copy array items into a new array, meeting your programming requirements.

The above is the detailed content of How to Duplicate Array Elements into a New Array in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!