JQuery Array To Re-arranged JSON object

Question

I want to covert this javascript Array


    [
      "Data",
          [
                "API",
                "Apiales",
                "Apiaceae",
                "Apia",
          ]
      ]

to this rearranged json Format

   

    [
     {"name":"API","id":"1"},
     {"name":"Apiales","id":"1"},
     {"name":"Apiaceae","id":"1"},
     {"name":"Apia","id":"1"}
    ]

Thanks

update: i have tried this

var aNewData =[];
             for(i in aData[1]){
             var item={};
             item.name = aData[1][i];
             item.id = "1";
             aNewData[i]=item;
            }

And those id's are coming out of thin air? Or are they just counting up starting from 20? — devnull69, Feb 09 '12 at 08:48
id's were just there as an example to get an idea about how to relate to second key:pair value if needed,Thanks — Jaideep Singh, Feb 09 '12 at 09:14

scessor · Accepted Answer · 2012-02-09T08:53:41.430

3

Where do the ids come from? Test following script, your array is in aData and the result will be in aNewData:

var aNewData = [];
for (var i = 0; i < aData[1].length; i++) {
    aNewData.push({
        "name": aData[1][i],
        "id": 20 + i
    });
}

Also see this example.

edited Feb 09 '12 at 08:53

answered Feb 09 '12 at 08:47

scessor

15,995
4
43
54

Thanks scessor,is it Performance wise better than my updated solution? – Jaideep Singh Feb 09 '12 at 09:15
You're welcome. There should be no performance difference between our solutions. – scessor Feb 09 '12 at 09:20
1

@JaideepSingh Using `for...in` to iterate on an array is not a good practice. Use a simple `for` as *scessor* did. [Read more about the reasons for not using `for...in` on SO](http://stackoverflow.com/questions/500504/javascript-for-in-with-arrays) – kapa Feb 09 '12 at 09:20

score 0 · Answer 2 · answered Feb 09 '12 at 09:37

You might easily transform those data via folding:

var sourceData  = ["API","Apiales","Apiaceae","Apia"];
var transformed = sourceData.reduce(function(result, name, index) {
  return result.concat({
    name: name,
    id: 20 + index
  });
}, []);

This will give you essentially the same, as the for loop of scessor, but in a more data-centric way.

Think of it like this:

You hold your source data (the array with all those "api*" strings)
You create a fresh resulting array [] (passed as 2nd argument to the reduce), which should be returned as your next result.
Pass an unnamed function to reduce that will be called with 3 arguments, each time it is called, namely result, which is you recently created array, name the value of each of those "api*" strings, and index, which is the index of those strings within the original array.
You look at each of those "api*" strings consecutively and put a new object containing your desired data into it. As result.concat will return the whole array, you just add those
The result array containing all your data will be returned.

But just in case you wanted to be backward compatible with older browsers, I'd recommend using underscore.js for that.

Thanks,Learned Many Things From Your Answer – Jaideep Singh Feb 10 '12 at 10:52 — Jaideep Singh, Feb 10 '12 at 10:52
That's what I've hoped. Glad you could make use of it ;) – Tharabas Feb 10 '12 at 13:53 — Tharabas, Feb 10 '12 at 13:53

JQuery Array To Re-arranged JSON object

2 Answers2