Merging Arrays with Spread Operator in JavaScript

The spread operator is a powerful feature in JavaScript that allows you to expand elements of an iterable (such as an array) into separate arguments. One common use case for the spread operator is merging two or more arrays into a single array. This can be done easily and efficiently using the spread operator.

Example:

Let’s say we have two arrays, arr1 and arr2, that we want to merge into a single array:

        
            const arr1 = [1, 2, 3];
            const arr2 = [4, 5, 6];

            const mergedArray = [...arr1, ...arr2];

            console.log(mergedArray);
            // Output: [1, 2, 3, 4, 5, 6]
        
    

In the example above, we use the spread operator (…) to expand the elements of arr1 and arr2 into separate arguments within a new array. This results in a single array containing all elements from both arr1 and arr2.

Handling multiple arrays:

The spread operator can be used with any number of arrays to merge them into a single array. Here’s an example of merging three arrays:

        
            const arr1 = [1, 2];
            const arr2 = [3, 4];
            const arr3 = [5, 6];

            const mergedArray = [...arr1, ...arr2, ...arr3];

            console.log(mergedArray);
            // Output: [1, 2, 3, 4, 5, 6]
        
    

As you can see, by using the spread operator with multiple arrays, we can efficiently merge all the arrays into a single array in just one line of code.

Overall, the spread operator is a handy tool for merging arrays in JavaScript. It simplifies the process and makes the code more readable. Next time you need to combine arrays in your JavaScript code, consider using the spread operator for an easy and efficient solution.