Merge array of arrays in JavaScript

Question

I'm trying to Merge two arrays in a array using JavaScript but I'm not getting the exact output using concat method. Can any one help me?

  var a1= [[0, 1],[1, 5],[2,5],[3,7]];
  var a2= [[1,9],[0,6],[3,8],[2,6]];
//output 
  var result=[[0,1,6],[1,5,9],[2,5,6],[3,7,8]];

for example for every array in a1 find the corresponding (the elements at index zero match) array in a2 and merge the elements

code which I have retied

var v1 = [[0, 1],[1, 5],[2,5]];
var v2 = [[0,5],[1,6],[2,8]];
    
const res = v1.map((x, i) => [...new Set([...x, ...v2[i]])]);

console.log(res);

What is the expected output? Also, what didn't work with concat()? — VLAZ
– VLAZ, Commented Mar 16, 2020 at 12:42
@NickParsons Seems to be: for every array in a1 find the corresponding (the elements at index zero match) array in a2 and merge the elements — Andreas
– Andreas, Commented Mar 16, 2020 at 12:44

Andreas · Accepted Answer · 2020-03-16 17:10:23Z

3

If we translate your requirement "literally" one solution could look like this:

const a1 = [[0, 1], [1, 5], [2, 5], [3, 7]],
      a2 = [[1, 9], [0, 6], [3, 8], [2, 6]];

const result = a1.map(a1x => {
  // find the corresponding array
  const x2 = a2.find(a2x => a2x[0] === a1x[0]);

  // combine the values in a new array
  if (x2) {
    a1x = a1x.concat(x2);
  }

  // return an array of unique values
  return [...new Set(a1x)];
});

console.log(JSON.stringify(result));

Minimizing this into a one-liner is up to OP :)

edited Mar 16, 2020 at 17:10

answered Mar 16, 2020 at 12:59

Andreas

21.9k7 gold badges52 silver badges58 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2020-03-16 12:49:32Z

0

You could take a Map, collect all values grouped by the first element and return an array of arrays with key and values.

var a1 = [[0, 1], [1, 5], [2, 5], [3, 7]],
    a2 = [[1, 9], [0, 6], [3, 8], [2, 6]],
    result = Array.from(
        [a1, a2].reduce(
            (m, a) => a.reduce((n, [k, v]) => n.set(k, [...(m.get(k) || []), v]), m),
            new Map
        ),
        ([k, v]) => [k, ...v]
    );

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Mar 16, 2020 at 12:49

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

Merge array of arrays in JavaScript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related