How to combine two JavaScript arrays into one JSON?

Question

I want send two arrays $scope.candidates and $scope.managers as POST to some PHP which I will code for the server. I strongly prefer a JSON interface, and thought to combine them into a single JSON object.

    var JsonString = {'candiates' : JSON.stringify($scope.candidates),
                      'managers'  : JSON.stringify($scope.managers)
                     };

Does not generate valid JSON. How do I achieve what I want?

You are trying to stringify a collection of 2 strings, that won't do, since JSON.stringify expects an OBJECT to stringify. See my answer below for correct syntax ;) — CodeSmith
– CodeSmith, Commented Aug 30, 2017 at 14:46

Pablo Lozano · Accepted Answer · 2017-08-30 15:01:24Z

4

JSON is a format, there is no "JSON object".

Create the whole object that you want to send and then generate the JSON string:

var myObj= {
  candidates: $scope.candidates,
  managers: $scope.managers
}

var myJson=JSON.stringify(myObj);

edited Aug 30, 2017 at 15:01

answered Aug 30, 2017 at 14:37

Pablo Lozano

10.4k2 gold badges44 silver badges64 bronze badges

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

Comments

alecbz · Accepted Answer · 2017-08-30 14:38:52Z

1

I'm not exactly sure what you want? Do you want JSON-serialized strings embedded within JSON?

var JsonString = JSON.stringify({
  'candiates' : JSON.stringify($scope.candidates),
  'managers'  : JSON.stringify($scope.managers)
};)

Or do you just want one large JSON object with both candidates and managers as JSON lists?

var JsonString = JSON.stringify({
  'candiates' : $scope.candidates,
  'managers'  : $scope.managers
};)

answered Aug 30, 2017 at 14:38

alecbz

6,5684 gold badges34 silver badges52 bronze badges

Comments

Matteo Ragni · Accepted Answer · 2017-08-30 14:38:34Z

1

why not:

var JsonString = JSON.stringify({ 
      candidates: $scope.candidates, 
      managers: $scope.managers 
    });

answered Aug 30, 2017 at 14:38

Matteo Ragni

2,9741 gold badge23 silver badges38 bronze badges

Comments

CodeSmith · Accepted Answer · 2017-08-30 14:54:08Z

1

Make a single object then stringify that object!

var both = {
   candidates : $scope.candidates,
   managers : $scope.managers
}

then:

var JsonString = JSON.stringify(both)

Remember JSON.stringify works on objects, not collections or strings.

edited Aug 30, 2017 at 14:54

answered Aug 30, 2017 at 14:38

CodeSmith

3,2171 gold badge19 silver badges34 bronze badges

Collectives™ on Stack Overflow

How to combine two JavaScript arrays into one JSON?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related