Merge two arrays into an array of objects with property values

Question

Need to generate an array as below:

[
  { applicationName :'appName1', frequency:'00'},
  { applicationName :'appName2', frequency:'3'},
  { applicationName :'appName3', frequency:'25'},
  { applicationName :'appName4', frequency:'54'}
]

scope.appApplications - it's an object that I am splitting into two arrays. I have two arrays as below. Need to merge them (applicationName[] and frequencies[]) and come with output as above. How can this be done?

var frequencies = [];
var applicationName = [];
angular.forEach(scope.appApplications, function (value, key) {
           frequencies.push(value);
           applications.push(key);
 })

There's no such thing as "JSON object". JSON is like XML. It's a string. — Oleg
– Oleg, Commented Apr 26, 2015 at 14:40
Are you saying that frequencies and applicationName are populated by scope.appApplications and then from those two arrays you want to create the desired merged array? — Jason Cust
– Jason Cust, Commented Apr 26, 2015 at 15:22
Need to generate a JSON as below - That is not valid JSON. Try using (for example) jsonformatter.org. — Henke
– Henke, Commented May 21, 2021 at 9:01

S McCrohan · Accepted Answer · 2015-04-26 14:59:40Z

5

If you're willing to use underscore, you can do this as a single chained functional call:

_.zip(applicationName,frequencies).map(function(pair) { 
    return _.object(["applicationName","frequency"],pair); 
});

_.zip() turns ['a','b','c'] and [1,2,3] into [['a',1],['b',2],['c',3]].

Array.map() calls a function on each member of an array and returns an array of the results.

_.object() turns ["applicationName","frequency"] and ['a',1] into {applicationName: 'a', frequency: 1}.

edited Apr 26, 2015 at 14:59

answered Apr 26, 2015 at 14:54

S McCrohan

6,7011 gold badge33 silver badges39 bronze badges

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

2 Comments

Brian Clapper Over a year ago

This, or its equivalent in lodash, is how I'd do it. +1.

Jeff Tsui Over a year ago

Note that since lodash v0.4.0 it is now zipObject lodash.com/docs#zipObject

Sameer Azazi · Accepted Answer · 2015-04-26 14:42:03Z

2

You can have an another variable (say targetJson) which will hold your target json. something like this.

var frequencies = [];
var applicationName = [];
var targetJson = [];
angular.forEach(scope.appApplications, function (value, key) {
           frequencies.push(value);
           applications.push(key);
           targetJson.push({applicationName :key, frequency:value});
 })

answered Apr 26, 2015 at 14:42

Sameer Azazi

1,49710 silver badges16 bronze badges

1 Comment

mplungjan Over a year ago

JSON is a string.

Jason Cust · Accepted Answer · 2015-04-26 15:19:48Z

1

Assuming scope.appApplications is an object where the keys are the application names and the values are the frequencies, you could do something like:

var frequencies = [];
var applicationName = [];
var mergedArray = Object.keys(scope.appApplications).map(function (key) {
  frequencies.push(scope.appApplications[value]);
  applications.push(key);

  return {
    applicationName: key,
    frequency: scope.appApplications[value]
  };
});

answered Apr 26, 2015 at 15:19

Jason Cust

10.9k2 gold badges36 silver badges45 bronze badges

Collectives™ on Stack Overflow

Merge two arrays into an array of objects with property values

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related