programatically create json array object in javascript

Question

My code is

var arr=[];
$.post( "/reports/search", { query:'*'},function(data) {
    for(var i=0;i<data.length;i++)
        {
            arr[i].value=data[i].name;
            arr[i].data=data[i].id;
        }

},'json');

I want to create a json array variable and i want the resut like below

arr=[ {"value":"aaa",data:"1"},
      {"value":"bbb",data:"2"},
      {"value":"ccc",data:"3"}

]

How to do it in javascript

Christian Landgren · Accepted Answer · 2016-11-19 22:11:47Z

3

This will work in all modern browsers:

var arr = data.map(function(row){return {value: row.name, data: row.id});

In ES6 (with deconstruction and renaming):

var arr = data.map(({name: value, id: data}) => ({ value, data }))

edited Nov 19, 2016 at 22:11

answered May 8, 2014 at 9:59

Christian Landgren

13.9k6 gold badges37 silver badges31 bronze badges

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

1 Comment

Christian Landgren Over a year ago

BTW. if you need older browsers, just do a $.map(data, function(row) {...});

Barmar · Accepted Answer · 2014-05-08 10:02:59Z

You need to create the object before you can assign to its properties:

var arr=[];
$.post( "/reports/search", { query:'*'},function(data) {
    for(var i=0;i<data.length;i++)
        {
            arr[i] = {};
            arr[i].value=data[i].name;
            arr[i].data=data[i].id;
        }

},'json');

Or you can just do all 3 steps at once by using an object literal:

var arr=[];
$.post( "/reports/search", { query:'*'},function(data) {
    for(var i=0;i<data.length;i++)
        {
            arr[i] = {
                value: data[i].name,
                data: data[i].id
            };
        }

},'json');

Collectives™ on Stack Overflow

programatically create json array object in javascript

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related