Different ways i could append my JavaScript array

Question

I have a array of in the following format.

timeSeries = [{ key: 'Time Series Data',
                values: [ { 'label': '01/01', 'value': 20 } ] }];

now i have typescript object that has properties which i need to map to the label value and value value.

export interface Plot {
  dateLabel: string;
  x: number;
}

my plotArray is as follows

plotArray =   [ { 'label': '01/03', 'value': 30 }, { 'label': '01/04', 'value': 40 }];

What are the different ways i could append my plotArray to values in the timeSeries in javascript?

reisdev · Accepted Answer · 2018-05-25 13:22:19Z

6

You can do that in many different ways such as:

Using concat

timeSeries.values = timeSeries.values.concat(plotArray);
Using lodash's concat function

timeSeries.values = _.concat(timeSeries.values, plotArray);
Using ES6 spread operator:

timeSeries.values = [...timeSeries.values, ...plotArray];

or

timeSeries.values.push(...plotArray);
Lastly you can iterate through the plotArray and push it one by one.

plotArray.forEach(function(plot) { timeSeries.values.push(plot) });

reisdev

3,4202 gold badges20 silver badges42 bronze badges

answered May 25, 2018 at 2:18

onecompileman

9507 silver badges15 bronze badges

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

Comments

reisdev · Accepted Answer · 2018-05-25 02:07:54Z

1

If you're using ES6(or newer), you could use the spread operator(Docs here):

timeSeries.values.push(...plotArray)

answered May 25, 2018 at 2:07

reisdev

3,4202 gold badges20 silver badges42 bronze badges