How to merge two arrays into one array in angularjs?

Question

This is my code

$scope.studentDetails=[];

$scope.studentDetails=[0][id:101,name:one]
                      [1][id:102,name:two]
                      [2][id:103,name:three] 

$scope.studentMarks=[];

$scope.studentMarks=[0][id:101,marks:78]
                    [1][id:102,marks:89]

i have two arrays,first array contains 2 properties like id and name, second array contains two properties like id and marks,i want to concatinate these two arrays into one array.i want to get output like

$scope.studentDetails=[0][id:101,name:one,marks:78]
                      [1][id:102,name:two,marks:89]
                      [2][id:103,name:three,marks:null]

Maurice · Accepted Answer · 2015-10-12 04:57:13Z

2

Lodash zip() should do that provided your JavaScript is valid in the first place.

$scope.studentDetails = _.zip($scope.studentDetails, $scope.studentMarks);

answered Oct 12, 2015 at 4:57

Maurice

27.7k5 gold badges52 silver badges62 bronze badges

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

Comments

durga siva kishore mopuru · Accepted Answer · 2015-10-12 09:28:19Z

1

I got the answer

var newArray = [];
_.each($scope.studentDetails,function(obj))
{
 var data=_.findWhere($scope.studentMarks,{"id":obj.id});
 if(!_.isUndefined(data))
 {
   newArray.push({id:obj.id,name:obj.name,marks:data.marks});
 }
else
 {
newArray.push({id:obj.id,name:obj.name,marks:"null"});
 }
}

answered Oct 12, 2015 at 9:28

durga siva kishore mopuru

1,3576 gold badges34 silver badges57 bronze badges

Comments

Mitul · Accepted Answer · 2015-10-12 05:34:30Z

0

Hey you can use the push like

$scope.studentDetails.push({'id':'101','name':'one','marks':'78'});
$scope.studentDetails.push({'id':'102','name':'two','marks':'78'});
$scope.studentDetails.push({'id':'103','name':'three','marks':'78'});

using loop you can append like bellow

for(i = 0; i < studentResult.length; i++){
    $scope.studentDetails.push(studentResult[i]);
}

edited Oct 12, 2015 at 5:34

answered Oct 12, 2015 at 4:56

Mitul

3,4372 gold badges25 silver badges35 bronze badges

2 Comments

durga siva kishore mopuru Over a year ago

i have number of records and data get from services dynamically.

Mitul Over a year ago

You can push the data using loop.

Tasnim Reza · Accepted Answer · 2015-10-12 06:52:52Z

0

For object array _.zip merged two array into single array where each array element also an array.

You can use .map and .extend to create merged object array with _.zip like

var studentDetails = [{ id: 101, name: 'one' }, { id: 102, name: 'two' }, { id: 103, name: 'three' }];
var studentMarks = [{ id: 101, marks: 78 }, { id: 102, marks: 89 }];

var mergedArray = _.zip(studentDetails, studentMarks); //where each element also an array like [ [{ id: 101, name: 'one' }, { id: 101, marks: 78 }] ]

var studentDetails = _.map(mergedArray, function (item) { return _.extend(item[0], item[1]); }); //[{ id: 101, marks: 78, name: 'one' }, ..]

answered Oct 12, 2015 at 6:52

Tasnim Reza

6,0603 gold badges27 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to merge two arrays into one array in angularjs?

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related