How to Join Arrays in JavaScript - Step by Step Examples



How to Join Arrays in JavaScript ?

Answer

To join arrays in JavaScript, you can use the concat method or the spread operator (...).



✐ Examples

1 Joining Arrays using concat Method

In this example,

  1. We create two arrays, arr1 and arr2.
  2. We then use the concat method to concatenate arr1 and arr2 into a new array result.
  3. The result array contains elements from both arr1 and arr2.

JavaScript Program

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const result = arr1.concat(arr2);
console.log('Joined Array:', result);

Output

Joined Array: [ 1, 2, 3, 4, 5, 6 ]

2 Joining Arrays using Spread Operator

In this example,

  1. We create two arrays, arr1 and arr2.
  2. We then use the spread operator (...) to spread elements of arr1 and arr2 into a new array result.
  3. The result array contains elements from both arr1 and arr2.

JavaScript Program

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const result = [...arr1, ...arr2];
console.log('Joined Array:', result);

Output

Joined Array: [ 1, 2, 3, 4, 5, 6 ]

Summary

In this tutorial, we learned How to Join Arrays 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 ?