How can i merge multiple 2d array in javascript [duplicate]

Question

Merge this array in javascript

const arr = [
    [ 1, '2', '6', 854301 ],
    [ 1, '2', '6', 854302 ],
    [ 1, '2', '6', 854303 ]
],
[
    [ 1, '3', '7', 854304 ],
    [ 1, '3', '7', 854305 ],
    [ 1, '3', '7', 854306 ]
]

I want this array output response as like below :

[
    [ 1, '2', '6', 854301 ],
    [ 1, '2', '6', 854302 ],
    [ 1, '2', '6', 854303 ],
    [ 1, '3', '7', 854304 ],
    [ 1, '3', '7', 854305 ],
    [ 1, '3', '7', 854306 ]
]

Hi! Welcome to StackOverflow! Please read our tour to get a better understanding about how to add a minimal, reproducible example — 0stone0
– 0stone0, Commented Dec 28, 2020 at 19:20

Md Sabbir Alam · Accepted Answer · 2020-12-28 19:24:31Z

4

You can simply use Array.prototype.flat() method.

const arr = [
  [
    [ 1, '2', '6', 854301 ],
    [ 1, '2', '6', 854302 ],
    [ 1, '2', '6', 854303 ]
  ],
  [
    [ 1, '3', '7', 854304 ],
    [ 1, '3', '7', 854305 ],
    [ 1, '3', '7', 854306 ]
  ]
];

const res = arr.flat();

console.log(res);

answered Dec 28, 2020 at 19:24

Md Sabbir Alam

5,0643 gold badges19 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dev_mustafa · Accepted Answer · 2020-12-28 19:25:38Z

0

You can use concat() function

a and b are you two arrays.

var c = a.concat(b);

console.log(c);

answered Dec 28, 2020 at 19:25

dev_mustafa

1,1111 gold badge6 silver badges15 bronze badges

Comments

Majed Badawi · Accepted Answer · 2020-12-28 19:27:17Z

0

You can use .reduce:

const arr = [
  [
    [ 1, '2', '6', 854301 ],
    [ 1, '2', '6', 854302 ],
    [ 1, '2', '6', 854303 ]
  ],
  [
    [ 1, '3', '7', 854304 ],
    [ 1, '3', '7', 854305 ],
    [ 1, '3', '7', 854306 ]
  ]
];

const res = arr.reduce((acc,list) => acc.concat(list), []);

console.log(res);

edited Dec 28, 2020 at 19:27

answered Dec 28, 2020 at 19:22

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

3 Comments

Richard Dunn Over a year ago

Why are you putting the arrays into array just to reduce them into another array? const arr3 = [...arr1, ...arr2]; or const arr3 = arr1.concat(arr2) would suffice.

Majed Badawi Over a year ago

@RichardDunn it's an array of matrices, so you need to iterate and accumulate the concatenation at every iteration

Richard Dunn Over a year ago

Ah, my mistake, I thought the author was trying to merge two separate arrays. I need to read more carefully...

Bikash Kumar Singh · Accepted Answer · 2020-12-28 19:31:20Z

-1

You can use ES6 array spread operator

const array3 = [...array1, ...array2]

then just log it

answered Dec 28, 2020 at 19:31

Bikash Kumar Singh

392 bronze badges

Collectives™ on Stack Overflow

How can i merge multiple 2d array in javascript [duplicate]

4 Answers 4

Comments

Comments

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

3 Comments

Comments

Linked

Related