How can I convert a array of objects to a simple array in javascript?

Question

I try to use an AJAX request with datatable, but my JSON has the wrong format. So I try to convert the structure. I have a JSON string as an array of objects like this form:

[  
    {  
          "timestamp":"1461308319473",
          "id":"1",
          "value":"77"
    },
    {  
          "timestamp":"1461308458181",
          "id":"2",
          "value":"99"
    }
]

But I need this structure:

{
  "data": [
    [
      "1461308319473",
      "1",
      "77"
    ],
    [
      "1461308458181",
      "2",
      "99"
    ]
  ]
}

How can I convert the arrays? I would like to use datatable with this command:

$("#table")
    .dataTable({
        "ajax": {
            "type": "GET",
            "url": "https://url",
            "dataSrc": function (jsonData) {
            for (var i = 0; i < jsonData.length; i++) {
                returnData.push({
                    'timestamp': moment.unix(jsonData[i].timestamp / 1000).format("DD.MM.YY hh:mm:ss"),
                    'id': jsonData[i].id,
                    'value': jsonData[i].value
                });
            }
            return returnData;
        },
        "columns": [
            { "data": "timestamp" },
            { "data": "id" },
            { "data": "value" }
        ]
    }
});

At moment I get the following error:

Thanks

Possible duplicate of a better way to convert JS object to array — layonez
– layonez, Commented May 18, 2016 at 8:55

mido · Accepted Answer · 2016-05-18 09:00:46Z

1

you can do something like:

var keys = ['timestamp', 'id', 'value'],
    data = jsonData.map(function(datum){
      return keys.map(function(key){return datum[key]})      
    })

data  = {data:data}
console.log(data)

in ES6:

let keys = ['timestamp', 'id', 'value'],
  data = jsonData.map( datum => keys.map(key => datum[key]))

data = {data}

Fiddle Demo

answered May 18, 2016 at 9:00

mido

25.2k15 gold badges99 silver badges123 bronze badges

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

Comments

Yuriy Yakym · Accepted Answer · 2016-05-18 09:02:38Z

1

If you are sue that there are only timestamp, id and value then

var data = [ 
    {  
          "timestamp":"1461308319473",
          "id":"1",
          "value":"77"
    },
    {  
          "timestamp":"1461308458181",
          "id":"2",
          "value":"99"
    }
] ;

var result = {};
result.data = data.map(function(d) {
    return [
        d.timestamp,
        d.id,
        d.value
    ];
});

document.write(['<pre>', JSON.stringify(result, 0, 3), '</pre>'].join(''));

answered May 18, 2016 at 9:02

Yuriy Yakym

3,96621 silver badges33 bronze badges

Comments

Vladimir Drenovski · Accepted Answer · 2016-05-18 09:05:57Z

0

You can use the following example to create an object that has a data property which is an empty array and then use the forEach() method on your array to populate as such:

var objectWithArray = {'data': []};    
var arrWithObject = [  
        {  
              "timestamp":"1461308319473",
              "id":"1",
              "value":"77"
        },
        {  
              "timestamp":"1461308458181",
              "id":"2",
              "value":"99"
        }
    ] 
    arrWithObject.forEach(functio(v,i){
        objectWithArray.data.push([v.timespam, v.id, v.value])
    })

edited May 18, 2016 at 9:05

answered May 18, 2016 at 8:59

Vladimir Drenovski

3002 silver badges10 bronze badges

Collectives™ on Stack Overflow

How can I convert a array of objects to a simple array in javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related