Comparing two array of objects in javascript

Question

This is my static values which is having id with names:

var staticValues = [
  { "id": "1", "name": "PEKKA" },
  { "id": "2", "name": "Golem" },
  { "id": "3", "name": "Vigilane" },
  { "id": "4", "name": "SpiderMan" },
  { "id": "5", "name": "Archer" },
  { "id": "6", "name": "SuperMan" }
]

This is is my returned value from my method:

var myReturnedValues = [
  [ [ "2", "4" ] ],
  [ [ "5", "5" ] ],
  [ [ "1", "3" ] ],
  [ [ "4", "3" ] ]
]

My output needs to be like this:

var myReturnedValues = [
  [ [ "Golem", "SpiderMan" ] ],
  [ [ "Archer", "Archer" ] ],
  [ [ "PEKKA", "Vigilante" ] ],
  [ [ "SpiderMan", "Vigilante" ] ]
]

What am trying to do here is I have to compare staticValues and myReturnedValues and return names with respect to their ids instead of returning only ids alone. I tried some more ways with underscore.js but failed. Can someone give me idea about that?

This is how my method looks like:

var staticValues = [ /* here I have the whole static data */ ];

$scope.getCategories = function() {
    var myReturnedValues = mainSteps.map(x => [x.steps.map(y => y.category)]);
    return myReturnedValues;
}

Code After edited ,

$scope.getCategories =function(){
                	 var myReturnedValues =mainSteps.map(x => [x.steps.map(y => y.category+"\n"+"\n"+"\n")]);
                	 //return myReturnedValues;
                	 console.log('meeee before',angular.toJson(myReturnedValues));
                	 newval = {};
                	 $.each(staticValues ,function(i,v) {
                		 console.log('meeee staticCategories',angular.toJson(staticValues )); 
                	   newval[v.id] = v.name;
                	 });


                	 $.each(myReturnedValues,function(i,v){
                	    $.each(v[0],function(x,t){
                	     myReturnedValues[i][0][x] = newval[t];
                	   });
                	 });
                	 console.log('meeee after',angular.toJson(myReturnedValues));
                	 return myReturnedValues;
                 }

georg · Accepted Answer · 2016-07-27 09:24:37Z

2

Start by converting staticValues to a key => value object:

names = {}
staticValues.forEach(obj => names[obj.id] = obj.name);

Then iterate myReturedValues and replace ids with names as you go:

var staticValues = [
  { "id": "1", "name": "PEKKA" },
  { "id": "2", "name": "Golem" },
  { "id": "3", "name": "Vigilane" },
  { "id": "4", "name": "SpiderMan" },
  { "id": "5", "name": "Archer" },
  { "id": "6", "name": "SuperMan" }
]

var myReturnedValues = [
  [ [ "2", "4" ] ],
  [ [ "5", "5" ] ],
  [ [ "1", "3" ] ],
  [ [ "4", "3" ] ]
]

names = {}
staticValues.forEach(x => names[x.id] = x.name)

res = myReturnedValues.map(sub =>   
    [sub[0].map(id => names[id])]
)

console.log(res)

edited Jul 27, 2016 at 9:24

answered Jul 27, 2016 at 8:24

georg

216k57 gold badges324 silver badges401 bronze badges

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

Comments

madalinivascu · Accepted Answer · 2016-07-27 08:36:13Z

1

Try the following loops:

newval = {};
$.each(staticValues,function(i,v) {
  newval[v.id] = v.name;
});

var myReturedValues = [
  [ [ "2", "4" ] ],
  [ [ "5", "5" ] ],
  [ [ "1", "3" ] ],
  [ [ "4", "3" ] ]
];
$.each(myReturedValues,function(i,v){
   $.each(v[0],function(x,t){
    myReturedValues[i][0][x] = newval[t];
  });
});

demo: https://jsfiddle.net/cgk478g8/

answered Jul 27, 2016 at 8:36

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

16 Comments

Beckham_Vinoth Over a year ago

I tried that now, and my output is [[[null,null]],[[null,null]],[[null,null]]] ,

madalinivascu Over a year ago

as you can see in my jsfiddle is working, you must have another problem in you code

madalinivascu Over a year ago

why are you wrapping a array in a array [ [ "2", "4" ] ],?

Beckham_Vinoth Over a year ago

let me check again,

Beckham_Vinoth Over a year ago

I edited my code. have a look at that , Still am getting null as output

|

Cyril Cherian · Accepted Answer · 2016-07-27 08:48:45Z

1

With underscore you can try like this:

var staticValues = [
  { "id": "1", "name": "PEKKA" },
  { "id": "2", "name": "Golem" },
  { "id": "3", "name": "Vigilane" },
  { "id": "4", "name": "SpiderMan" },
  { "id": "5", "name": "Archer" },
  { "id": "6", "name": "SuperMan" }
];

var myReturedValues = [
  [ [ "2", "4" ] ],
  [ [ "5", "5" ] ],
  [ [ "1", "3" ] ],
  [ [ "4", "3" ] ]
];
var data = _.chain(myReturedValues).map(function(d) {
  //map the myReturedValues
  return d[0].map(function(id) {
    //use underscore to search in the staticValues and return name
    return _.find(staticValues, function(svalue) {
      return svalue.id == id
    }).name
  });
}).value();

console.log(data)

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

answered Jul 27, 2016 at 8:48

Cyril Cherian

32.4k7 gold badges48 silver badges57 bronze badges

1 Comment

Beckham_Vinoth Over a year ago

,When i'm trying this it say's "name undefined " !!!! what may be the problem buddy ?

Collectives™ on Stack Overflow

Comparing two array of objects in javascript

3 Answers 3

Comments

16 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

16 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related