How to Append one Array to Another in JavaScript 2022

How to Append one Array to Another in JavaScript.

The code is self-explanatory

1. Using the spread operator

const arr1 = ['a', 'b'];

const arr2 = ['c', 'd'];

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

console.log(arr3); // 👉️ ['a', 'b', 'c', 'd']

2. Using the array concat

const arr1 = ['a', 'b'];
const arr2 = ['c', 'd'];

const arr3 = arr1.concat(arr2);

console.log(arr3); // 👉️ ['a', 'b', 'c', 'd']

3. Using the array push

const arr1 = ['a', 'b'];

const arr2 = ['c', 'd'];

arr1.push(...arr2);

console.log(arr1); // 👉️ ['a', 'b', 'c', 'd']

const arr1 = ['a', 'b'];

const arr2 = ['c', 'd'];

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

console.log(arr3); // 👉️ ['a', 'b', 'c', 'd']

const arr1 = ['a', 'b'];
const arr2 = ['c', 'd'];

const arr3 = arr1.concat(arr2);

console.log(arr3); // 👉️ ['a', 'b', 'c', 'd']

const arr1 = ['a', 'b'];

const arr2 = ['c', 'd'];

arr1.push(...arr2);

console.log(arr1); // 👉️ ['a', 'b', 'c', 'd']

See recent articles by TipsAndTricksta

FEATURED

Using Node JS to rename files and folders recursively 2023

Replacing spaces, underscores and parenthesis using Node JS

FEATURED

This week's 'JavaScript How To's' editor picks as at 27 Feb 2023

This week's 'JavaScript How To's' editor picks as at 27 Feb 2023

FEATURED

10 Essential JavaScript Concepts Every Developer Should Know 2023

JavaScript is a powerful and versatile programming language that is widely used in web development. To become proficient in JavaScript, developers must have a solid grasp of its fundamental concepts.

FEATURED

When to use const, let or var - 2023

When to use const, let or var

FEATURED

JavaScript Loops 2023

JavaScript Loops

FEATURED

This week's 'JavaScript How To's' editor picks as at 13 Feb 2023

This week's 'JavaScript How To's' editor picks as at 13 Feb 2023