convert nested array to JSON string in js?

Question

I have a set of array like this : [["Sarah"],["Jamie"],["B"],["148"]]

and I want to convert this into JSON string with specific element for each vaues. For example,

{ "name":"Sarah", "grade":"148", "School":"B"...}

How should I proceed? I tried to toString the array then bind with this element but it doesn't work out well..

Original Json

   "Data":{
      "Table":[
         {
            "Name":[
               "Jamie"
            ],
            "School":[
               "A"
            ],
            "grade":[
               "99"
            ]

         },
         {
            "Name":[
               "Mike"
            ],
            "School":[
               "B"
            ],
            "grade":[
               "148"
            ]
         }
      ]
   }
}

I was initially getting an JSON object from web-service. I had to some parse, and got the specific values for each of names but now I have to return it with names.. does it make sense? For example {"Sarah": "1", "Jamie": "59", "Mike" : "3"..} then parsing — Zlatko Loa
– Zlatko Loa, Commented Nov 8, 2017 at 21:43
What is the angular part ? If there is none, please remove the tag — ValLeNain
– ValLeNain, Commented Nov 8, 2017 at 21:45
@Xufox - updated in post. Thanks. Not sure below answer by Ori Dori is the best way to work for me.. I know that will work but Is there any better way to do this? — Zlatko Loa
– Zlatko Loa, Commented Nov 8, 2017 at 21:48
Do you really need to nest each number string in another array? Just ["1", "2", "3", "4"] would be simpler. — Sebastian Simon
– Sebastian Simon, Commented Nov 8, 2017 at 21:51

Batman25663 · Accepted Answer · 2017-11-09 11:55:22Z

1

You can try with the simple forEach

var data =   {"Data": {"Table": [{"Name": ["Jamie"],"School": ["A"],"grade": ["99"]},{"Name": ["Mike"],"School": ["B"],"grade": ["148"]}]}};

var items = [];
data['Data']['Table'].forEach(function(item){
  items.push({name: item.Name[0], grade: item.grade[0], school: item.School[0]});
});

console.log(JSON.stringify(items));

answered Nov 9, 2017 at 11:55

Batman25663

2721 gold badge3 silver badges12 bronze badges

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

Comments

tymeJV · Accepted Answer · 2017-11-08 22:12:34Z

0

You can use reduce to do this!

let newData = data.Data.Table.reduce(function(arr, obj) {
    let newObj = {};
    for (let key in obj) {
        newObj[key] = obj[key][0]
    }

    arr.push(newObj);
    return arr;
}, [])

Demo: https://jsfiddle.net/500eo2gp/

answered Nov 8, 2017 at 22:12

tymeJV

105k14 gold badges165 silver badges158 bronze badges

1 Comment

Zlatko Loa Over a year ago

Thanks for your suggestion, but I don't want all array to be retrieved into JSON string. I want only values returned to be JSON string with each of names. For now, I only returned [["Sarah"],["Jamie"],["B"],["148"]], so I just want JSON string for this arrys along with their element names. Just like this [ "Name" : "Sarah", "Name" : "Jamie", "School":"B", "Grade" : "148"] and ignore rest

mplungjan · Accepted Answer · 2017-11-09 17:42:23Z

0

let newDataArray = this.data.Data.Table.reduce(function(arr, obj) {
  let newObj = {};
  for (let key in obj) {
    newObj[key] = obj[key][0]
  }

  arr.push(newObj);
    return arr;
  }, []
);
newData =JSON.stringify(newDataArray);

JSON.stringify(newDataArray) array from tymeJV 's code snippet will give you the JSON string as follows.

[{"Name":"Jamie","School":"A","grade":"99"},{"Name":"Mike","School":"B","grade":"148"}]

Demo: http://plnkr.co/edit/wPhVTOFhRgERLXKCuoYl?p=preview

edited Nov 9, 2017 at 17:42

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Nov 8, 2017 at 23:17

lakshmipradeep

11 bronze badge

Collectives™ on Stack Overflow

convert nested array to JSON string in js?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related