How to merge 2 objects array to make it one object and json output using angularjs

Question

I have 2 object arrays and will use those value on checkbox for view. I want to merge 2 obj arrays to make it one json object file. help me please

 $scope.fruits = [
{ name: 'apple',    selected: true },
{ name: 'orange',   selected: false },
{ name: 'pear',     selected: true },
{ name: 'naartjie', selected: false }
];


$scope.color = [
    { name: 'red',    selected: true },
    { name: 'green',   selected: false },
    { name: 'orange',     selected: true },
    { name: 'yellow', selected: false }
];

And the view,

<label ng-repeat="fruit in fruits" class="checkbox-inline">
<input type="checkbox" name="selectedFruits[]" value="{{fruitName}}" ng-model="fruit.selected"> {{fruit.name}}</label>
<label ng-repeat="color in colors" class="checkbox-inline">
<input type="checkbox" name="selectedColors[]" value="{{colorName}}" ng-model="color.selected"> {{color.name}}</label>

And the output i want like below:

[{
    "name": "apple",
     "color": "red",
    "selected": true
  },
{
"name": "orange",
 "color": "yellow",
"selected": true},
{
"name": "pear",
 "color": "green",
"selected": true}]

Those two particular arrays are mismatched when you look at your output. For example array1/object1 does match with array2/object1, but the next one array1/object2 seems to match with array2/object3 in your output. How are you supposed to know which colour matches with which fruit? — rrd
– rrd, Commented Oct 6, 2017 at 9:14
@rrd thanks. What i want is like your example. For example array1/object1 does match with array2/object1, but the next one array1/object2 seems to match with array2/object3 in your output. User must select Fruit first after that choose the color. No need to think about for matches or not. What i want is after user clicked i need to merge the arrays with json format. — user3668065
– user3668065, Commented Oct 6, 2017 at 10:10

Sachila Ranawaka · Accepted Answer · 2017-10-06 09:16:08Z

0

you can use map function for this.

 var fruits = [
{ name: 'apple',    selected: true },
{ name: 'orange',   selected: false },
{ name: 'pear',     selected: true },
{ name: 'naartjie', selected: false }
];


var color = [
    { name: 'red',    selected: true },
    { name: 'green',   selected: false },
    { name: 'orange',     selected: true },
    { name: 'yellow', selected: false }
];

var arr = fruits.map((o,i)=>{
   o.color = color[i].name;
   return o;
});

console.log(arr)

answered Oct 6, 2017 at 9:16

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

2 Comments

user3668065 Over a year ago

i don't want to be map. I want merge based on user choose.

user3668065 Over a year ago

For example array1/object1 does match with array2/object1, but the next one array1/object2 seems to match with array2/object3 in your output. User must select Fruit first after that choose the color. No need to think about for matches or not. What i want is after user clicked i need to merge the arrays with json format.

Abdullah Al Noman · Accepted Answer · 2017-10-06 09:36:42Z

0

Use Angular merge enter link description here

var mergedObject = angular.extend(object1, object2);

And manual way by ignoring null and missing values would be

this

edited Oct 6, 2017 at 9:36

answered Oct 6, 2017 at 9:24

Abdullah Al Noman

2,8884 gold badges22 silver badges37 bronze badges

1 Comment

user3668065 Over a year ago

NOP.For example array1/object1 does match with array2/object1, but the next one array1/object2 seems to match with array2/object3 in your output. User must select Fruit first after that choose the color. No need to think about for matches or not. What i want is after user clicked i need to merge the arrays with json format.

Collectives™ on Stack Overflow

How to merge 2 objects array to make it one object and json output using angularjs

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related