Building JSON-Object with inner array in Javascript

Question

I need this string:

{"name":"ne","type":"Choice","id":"ne","width":150,"items":[{"id":"test1","value":"test1","title":"test1"},{"id":"test3","value":"test3","title":"test3"},{"id":"test2","value":"test2","title":"test2"}]}

I have the following:

JSON.stringify(itemList) gives me this:

[{"id":"test1","value":"test1","title":"test1"},{"id":"test3","value":"test3","title":"test3"},{"id":"test2","value":"test2","title":"test2"}]

I tried this:

JSON.stringify({
      name: loadName(),
      type: "Choice",
      id: complexTableId,
      width: loadWidth(),
      items: JSON.stringify(itemList)
})

But I get this:

{"name":"ne","type":"Choice","id":"ne","width":"150","items":"[{\"id\":\"test1\",\"value\":\"test1\",\"title\":\"test1\"},{\"id\":\"test3\",\"value\":\"test3\",\"title\":\"test3\"},{\"id\":\"test2\",\"value\":\"test2\",\"title\":\"test2\"}]"}

Does anyone know, where my mistake lies?

`

Khalid · Accepted Answer · 2016-01-14 15:21:13Z

3

no need to call JSON.stringify on your items before stringifying everything, try this :

JSON.stringify({
    name: loadName(),
    type: "Choice",
    id: complexTableId,
    width: loadWidth(),
    items: itemList
})

answered Jan 14, 2016 at 15:21

Khalid

4,8285 gold badges29 silver badges50 bronze badges

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

Comments

Vince · Accepted Answer · 2016-01-14 15:39:22Z

You are calling JSON.stringify on itemList twice. This will cause your stringified object to be stringified again.

Notice the two backslash + double quote (\") in the double stringify example below:

// single stringify
> JSON.stringify({ test: "Hello World" });
< "{"test":"Hello World"}"

// double stringify
> JSON.stringify({ test: JSON.stringify("Hello World") });
< "{"test":"\"Hello World\""}"

If you want to properly stringify an object then only use JSON.stringify once on the whole object:

JSON.stringify({
    name: loadName(),
    type: "Choice",
    id: complexTableId,
    width: loadWidth(),
    items: itemList // don't include "JSON.stringify" here
});

Andriy Ivaneyko · Accepted Answer · 2016-01-14 15:55:58Z

1

JSON.stringify({
                    name: loadName(),
                    type: "Choice",
                    id: complexTableId,
                    width: loadWidth(),
                    items: itemList
                });

edited Jan 14, 2016 at 15:55

Andriy Ivaneyko

22.3k7 gold badges70 silver badges89 bronze badges

answered Jan 14, 2016 at 15:24

ManfredA

263 bronze badges

Collectives™ on Stack Overflow

Building JSON-Object with inner array in Javascript

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related