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
– devnull69, Commented Feb 9, 2012 at 8: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
– Jaideep Singh, Commented Feb 9, 2012 at 9:14

scessor · Accepted Answer · 2012-02-09 08:53:41Z

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 9, 2012 at 8:53

answered Feb 9, 2012 at 8:47

scessor

16.1k4 gold badges45 silver badges55 bronze badges

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

3 Comments

Jaideep Singh Over a year ago

Thanks scessor,is it Performance wise better than my updated solution?

scessor Over a year ago

You're welcome. There should be no performance difference between our solutions.

kapa Over a year ago

@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

Tharabas · Accepted Answer · 2012-02-09 09:37:01Z

0

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.

answered Feb 9, 2012 at 9:37

Tharabas

3,4121 gold badge33 silver badges31 bronze badges

2 Comments

Jaideep Singh Over a year ago

Thanks,Learned Many Things From Your Answer

Tharabas Over a year ago

That's what I've hoped. Glad you could make use of it ;)

Collectives™ on Stack Overflow

JQuery Array To Re-arranged JSON object

2 Answers 2

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related