Push JSON item in to existing array angularjs

Question

I've got a JSON array i'm loading from localstorage which I want to add more items to and put back in local storage. However, i'm getting a bit lost and an error saying concat doesn't exist.

 $scope.searchObj = {
      term: searchTerm
    };

    $scope.curObj = $scope.curObj.concat($scope.searchObj);

    localStorage.setObject('searchObj', $scope.curObj);

$scope.curObj currently looks like:

Object {term: "fs"}

And I'd like to push the searchTerm (in searchObj) in to curObj so it looks like

{"term":"fs","term":"searchterm"}

I would convert it into an array, then merge both arrays and then convert it back into an object. — avilac
– avilac, Commented Jan 5, 2017 at 16:20
the thing you are missing is You are not converting it into array push works with only Array so ... simple thing missing — Prasad
– Prasad, Commented Jan 5, 2017 at 16:25

Prasad · Accepted Answer · 2017-01-05 16:28:24Z

1

$scope.searchObj is not an array but a JSON object.

You actually want to merge two objects. You can use in plain JS :

for (var attrname in $scope.curObj) { 
       $scope.searchObj[attrname] = $scope.curObj[attrname]; 
     }

Or by using angular extend

$scope.searchObj = angular.extend($scope.searchObj, $scope.curObj);

edited Jan 5, 2017 at 16:28

Prasad

1,6005 gold badges27 silver badges42 bronze badges

answered Jan 5, 2017 at 16:22

CCH

1,5771 gold badge13 silver badges24 bronze badges

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

1 Comment

mhodges Over a year ago

For future users: angular.extend does not support recursive deep copy - use angular.merge for that.

jlareau · Accepted Answer · 2017-01-05 16:37:22Z

0

Use ngStorage for storing object into localstorage and use service $localStorage - Reference
Use angular.extend(oldobject,newobject) for merging

edited Jan 5, 2017 at 16:37

jlareau

2,8701 gold badge19 silver badges11 bronze badges

answered Jan 5, 2017 at 16:21

Mantu Nigam

4,0707 gold badges30 silver badges42 bronze badges

Collectives™ on Stack Overflow

Push JSON item in to existing array angularjs

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related