How to dynamic merge array in javascript?

Question

var series = 
[
    [{
        Name: "A",
        Type: "SC"
    }, {
        Name: "B",
        Type: "SC"
    }, {
        Name: "C",
        Type: "SC"
    }, {
        Name: "D",
        Type: "SC"
    }], 
    {
        ColumnName: "Target",
        Type: "Line"
    },
    {
        ColumnName: "bar",
        Type: "Line"
    }
];

I want to merge array as below

var series = [ { Name: "A", Type: "SC" }, { Name: "B", Type: "SC" }, { Name: "C", Type: "SC" }, { Name: "D", Type: "SC" }, { ColumnName: "Target", Type: "Line" }, { ColumnName: "bar", Type: "Line" } ];

Any help is highly appreciated.

Possible duplicate of How to merge two arrays in JavaScript and de-duplicate items — Vikram Palakurthi
– Vikram Palakurthi, Commented Apr 4, 2018 at 1:09
The correct jargon would be flatten an array, you are not merging 2 arrays because you don't have 2 arrays. You have an optionally 2 dimensional array that you want to flatten to a one dimensional array. — HMR
– HMR, Commented Apr 4, 2018 at 4:05

Ori Drori · Accepted Answer · 2020-01-06 19:02:47Z

3

JS has the Array.flat() method that can flatten arrays:

const series = [[{"Name":"A","Type":"SC"},{"Name":"B","Type":"SC"},{"Name":"C","Type":"SC"},{"Name":"D","Type":"SC"}],{"ColumnName":"Target","Type":"Line"},{"ColumnName":"bar","Type":"Line"}];

const flattened = series.flat();

console.log(flattened);

Old answer:

Spread the array into Array.concat():

const series = [[{"Name":"A","Type":"SC"},{"Name":"B","Type":"SC"},{"Name":"C","Type":"SC"},{"Name":"D","Type":"SC"}],{"ColumnName":"Target","Type":"Line"},{"ColumnName":"bar","Type":"Line"}];

const flattened = [].concat(...series);

console.log(flattened);

edited Jan 6, 2020 at 19:02

answered Apr 4, 2018 at 5:27

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

1 Comment

Ori Drori Over a year ago

@BoundForGlory - You're welcome, but see updated answer.

fethe · Accepted Answer · 2018-04-04 01:59:49Z

1

How about this simple reduce?

const orderedSeries = series.reduce((orderedAcum, elem) => [
    ...orderedAcum, ...(Array.isArray(elem) ? elem : [elem])
], []);

answered Apr 4, 2018 at 1:59

fethe

6956 silver badges12 bronze badges

1 Comment

HMR Over a year ago

The reducer function could simply be (all,item)=>all.concat(item) to flatten a (possibly) 2 dimensional array. If the array is x dimensional you can recursively reduce (see my answer).

CertainPerformance · Accepted Answer · 2018-04-04 01:16:48Z

0

const input = [
  [{
    Name: "A",
    Type: "SC"
  }, {
    Name: "B",
    Type: "SC"
  }, {
    Name: "C",
    Type: "SC"
  }, {
    Name: "D",
    Type: "SC"
  }],
  {
    ColumnName: "Target",
    Type: "Line"
  },
  {
    ColumnName: "bar",
    Type: "Line"
  }
];

const output = input[0];
input.forEach((item, i) => {
  if (i >= 1) output.push(item);
});
console.log(output);

answered Apr 4, 2018 at 1:16

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

1 Comment

HMR Over a year ago

That basically is series[0].concat(series.slice(1))

Jorg · Accepted Answer · 2018-04-04 01:28:44Z

0

Here's a one liner that alters the original array instead of creating a new one.

console.clear();

const input = [
  [{
    Name: "A",
    Type: "SC"
  }, {
    Name: "B",
    Type: "SC"
  }, {
    Name: "C",
    Type: "SC"
  }, {
    Name: "D",
    Type: "SC"
  }],
  {
    ColumnName: "Target",
    Type: "Line"
  },
  {
    ColumnName: "bar",
    Type: "Line"
  }
];

input.forEach((item, i) => (item instanceof Array) ? input.push(...item) && input.splice(i, 1) : false)

console.log(input);

answered Apr 4, 2018 at 1:28

Jorg

7,2704 gold badges48 silver badges68 bronze badges

Comments

Smite107 · Accepted Answer · 2018-04-04 01:35:41Z

0

You can do it this way

let newArr = [];
series.forEach((item) => {
  newArr = newArr.concat(item);
});
series = newArr;

edited Apr 4, 2018 at 1:35

answered Apr 4, 2018 at 1:26

Smite107

581 silver badge6 bronze badges

Comments

HMR · Accepted Answer · 2018-04-04 03:49:08Z

Just concatenate the first element of the array with all but the first element:

var series = 
[
    [{
        Name: "A",
        Type: "SC"
    }, {
        Name: "B",
        Type: "SC"
    }, {
        Name: "C",
        Type: "SC"
    }, {
        Name: "D",
        Type: "SC"
    }], 
    {
        ColumnName: "Target",
        Type: "Line"
    },
    {
        ColumnName: "bar",
        Type: "Line"
    }
];

console.log(series[0].concat(series.slice(1)));
//to flatten a possibly 2 dimensional array to a one dimensional array:
console.log("flattened:");
console.log(
  series.reduce(
    (all,item)=>all.concat(item),
    []
  )
);

If you want to flatten an x dimensional to a one dimensional array you can use the following:

var flatten = arr => {
  const recur = arr =>
    arr.reduce(
      (all,item)=>
        (!Array.isArray(item))
          ? all.concat(item)
          : all.concat(recur(item)),
        []
    );
  return recur(arr);
}

console.log(
  flatten([
    [1,2,3],
    [
      [
        [4,5],
        [6],[[7]]
      ]
    ],
    8,
    [9,10]
  ])
);

SKLTFZ · Accepted Answer · 2018-04-04 06:18:59Z

0

you can try to use .reduce

var series = 
[
    [{
        Name: "A",
        Type: "SC"
    }, {
        Name: "B",
        Type: "SC"
    }, {
        Name: "C",
        Type: "SC"
    }, {
        Name: "D",
        Type: "SC"
    }], 
    {
        ColumnName: "Target",
        Type: "Line"
    },
    {
        ColumnName: "bar",
        Type: "Line"
    }
];
series.reduce(
    (x,y)=>{
        var merged = [];
        if(Array.isArray(x)) 
        {
            for(var p=0;p<x.length;p++){
                merged.push(x[p]);
            }
        }
        else merged.push(x);
        if(Array.isArray(y)) 
        {
            for(var p=0;p<y.length;p++){
                merged.push(y[p]);
            }
        }
        else merged.push(y);
        return merged;
    }
)

adding a initial value in the reduce it is possible to force an array concat

series.reduce(
    (x,y)=>{
      return x.concat(y);
    },[]
)

edited Apr 4, 2018 at 6:18

answered Apr 4, 2018 at 1:17

SKLTFZ

9703 gold badges12 silver badges38 bronze badges

2 Comments

HMR Over a year ago

Using concat would be a lot simpler and and doesn't need to go over the accumulated array for every element. series.reduce((all,item)=>all.concat(item),[]) if you want to flatten a x dimensional array you can use reduce and recursion (see my answer).

SKLTFZ Over a year ago

yes, adding a initial value then concat can be applied

Collectives™ on Stack Overflow

How to dynamic merge array in javascript?

7 Answers 7

1 Comment

1 Comment

1 Comment

Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

1 Comment

1 Comment

1 Comment

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related