DEV Community


Posted on

What’s your alternative solution? Challenge #26

About this series

This is series of daily JavaScript coding challenges... for both beginners and advanced users.

Each day I’m gone present you a very simple coding challenge, together with the solution. The solution is intentionally written in a didactic way using classic JavaScript syntax in order to be accessible to coders of all levels.

Solutions are designed with increase level of complexity.

Today’s coding challenge

Create a function that will merge two arrays and return the result as a new array

(scroll down for solution)

Code newbies

If you are a code newbie, try to work on the solution on your own. After you finish it, or if you need help, please consult the provided solution.

Advanced developers

Please provide alternative solutions in the comments below.

You can solve it using functional concepts or solve it using a different algorithm... or just solve it using the latest ES innovations.

By providing a new solution you can show code newbies different ways to solve the same problem.


// Solution for challenge24

var ar1 = [1, 2, 3];
var ar2 = [4, 5, 6];

var ar = mergeArrays(ar1, ar2);

function mergeArrays(ar1, ar2)
    var ar = [];

    for(let el of ar1)

    for(let el of ar2)

    return ar;

To quickly verify this solution, copy the code above in this coding editor and press "Run".

Note: The solution was originally designed for environment, and therefore is making use of println. This is the almost equivalent of console.log in other environments. Please feel free to use your preferred coding playground / environment when implementing your solution.

Discussion (2)

mckkaleb profile image
Kaleb McKinney
var merge = (arr, arr2) => [...arr, ...arr2];

Arrow functions are the best

ofekisrael57 profile image

const mergeArrays = (arr1, arr2) => [...arr1, ...arr2];