Push list of objects to another object in angularjs

Question

I have two separate objects which is shown below

Object1 =  [{value:'A/B'},{value:'A/B/C'},{value:'A/F'},{value:'A/'}];

Object2 =[{option:'A/'},{option:'A/B'}];

Now i need to modify the Object2 by adding a new attribute so that the Object2 must look like this

 Object2 = [{option:'A/',
            directories:[{value:'A/'},{value:'A/B'},{value:'A/B/C'},{value:'A/F'}]},
           {option:'A/B',
            directories:[{value:'A/B'},{value:'A/B/C'},{value:'A/F'},{value:'A/'}]}];

The changes what i need is

In directories attribute the first value should be the option value
Other values should be the remaining values that should come from Object1

I have tried the following code

angular.forEach(Object2,function(value,key){

 angular.forEach(Object1,function(value,key){

        //I need the code here

  });
});

I have two separate objects just so you know. it's an array of objects :) — Muhammad Usman
– Muhammad Usman, Commented Feb 20, 2019 at 6:28

NTP · Accepted Answer · 2019-02-20 07:24:56Z

1

Try the following

  angular.forEach($scope.Object2,function(value,key){
      value.directories = angular.copy($scope.Object1);
      for (var i=0; i < value.directories.length; i++) {
        if (value.directories[i].value === value.option) {
            var item = value.directories.splice(i,1);  
            value.directories.unshift(item[0]);
            break;
        }
      }
  });

basically after adding the directories array to your object you can find the index of the object that you want in the start of array remove it and add it back to the beginning of the array.

Demo

edited Feb 20, 2019 at 7:24

answered Feb 20, 2019 at 6:32

NTP

4,4483 gold badges18 silver badges25 bronze badges

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

1 Comment

Shreyas Achar Over a year ago

Your out put will be like this

[{"option":"A/","directories":[{"value":"A/B"},{"value":"A/B/C"},{"value":"A/F"},{"value":"A/"}]},{"option":"A/B","directories":[{"value":"A/B"},{"value":"A/B/C"},{"value":"A/F"},{"value":"A/"}]}]

But actual output what i need is

[{"option":"A/","directories":[{"value":"A"},{"value":"A/B/C"},{"value":"A/F"},{"value":"A/B"}]},{"option":"A/B","directories":[{"value":"A/B"},{"value":"A/B/C"},{"value":"A/F"},{"value":"A/"}]}]

Jack Bashford · Accepted Answer · 2019-02-20 06:37:12Z

0

Why are you iterating twice? You can use just one forEach loop and an arrow function with destructuring:

angular.forEach($scope.Object2, { directories } => directories = $scope.Object1);

answered Feb 20, 2019 at 6:37

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Collectives™ on Stack Overflow

Push list of objects to another object in angularjs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related