How to convert an array $scope to a json object?

Question

I have an angular array $scope.items that I want to convert to a json object. I've been trying to convert it using JSON.stringify() but it always returns with a []

Here's my code:

$scope.items = [];

var scopeItems = {};

scopeItems = JSON.stringify($scope.items);

console.log(scopeItems);

I'm using this link as a reference in my code.

What am I doing wrong here?

Thank you for anyone that can help me!

JSON.stringify returns you a string not an object. Also, JSON.parse won't convert the array to object. While array itself in javascript is an object — binariedMe
– binariedMe, Commented May 7, 2017 at 13:25
Well afaik, JSON.stringify([]) is indeed "[]" whats strange there — mehulmpt
– mehulmpt, Commented May 7, 2017 at 13:26
What result do you expect? Now you got exactly what you wrote – objects in JSON are surrounded with {}, arrays with []. — Bor Laze
– Bor Laze, Commented May 7, 2017 at 13:29
It will just return with an empty [ ] without any values at all. Sorry for the confusion. — Zyx Sun
– Zyx Sun, Commented May 7, 2017 at 13:40

Sachila Ranawaka · Accepted Answer · 2017-05-07 13:57:49Z

1

JSON.stringify convert an array to string. not to an object. if you want to convert it to an object then use javascript reduce like this

$scope.items = ["item1","item2"];

var scopeItems = {};

scopeItems  = $scope.items.reduce(function(acc, cur, i) {
  acc[i] = cur;
  return acc;
}, {});

console.log(scopeItems);

Demo

angular.module("app",[])
.controller("ctrl",function($scope){

 $scope.items = ["item1","item2"];

    var scopeItems = {};
    
    scopeItems  = $scope.items.reduce(function(acc, cur, i) {
    debugger
      acc[i] = cur;
      return acc;
    }, {});
    
    console.log(scopeItems);
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
 
</div>

edited May 7, 2017 at 13:57

answered May 7, 2017 at 13:28

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

4 Comments

Zyx Sun Over a year ago

This has worked for me. Thank you! But can I take a little bit more of your time since I really have no idea what's going on with that code since when i read the docs for reduce I don't quite get how it works with arrays.

Sachila Ranawaka Over a year ago

we call the reduce to iterate over the array and for each iteration it passes 3 parameters. those are accumulator,currentValue,currentIndex. if the initial value is available accumulator is equal to the initial value. in here its empty initially, so the currentValue assign to the first property of the accumulator (` acc[i] = cur`). then return it

Zyx Sun Over a year ago

Thank you very much for your time! It is more understandable to me now. I really appreciate it. Thanks again!

Sachila Ranawaka Over a year ago

@Zyx Sun no problem :D

Collectives™ on Stack Overflow

How to convert an array $scope to a json object?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related