How to parse json array into javascript array using jquery?

Question

Here is a JSON Array in the URL: http://ins.mtroyal.ca/~nkhemka/2511/process.php

{"Roll":[{"value":3},{"value":5},{"value":2},{"value":6},{"value":2}]}

I am trying to parse this array into a JavaScript array, such as

var diceList = [3, 5, 2, 6, 2 ]

Thus Far I have:

$.post("http://ins.mtroyal.ca/~nkhemka/2511/process.php")
    .done(function (data){
        diceList = $.parseJSON(data);
        alert(diceList);
});

When the code is executed the alert simply says [object Object]. I am unsure of how to accomplish this!

Girish · Accepted Answer · 2015-12-07 03:51:19Z

3

try map() method to get formatted result, and alert() function can display string value so you can change array into string from join(',') function

$.post("http://ins.mtroyal.ca/~nkhemka/2511/process.php")
    .done(function (data){
        diceList = $.parseJSON(data);
        var list = $.map(diceList.Roll, function(v){
          return v.value;
        })   
        alert(list.join(','));
});

answered Dec 7, 2015 at 3:51

Girish

12.1k3 gold badges37 silver badges54 bronze badges

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

Comments

RalfZ · Accepted Answer · 2015-12-07 04:01:08Z

0

    $.post("http://ins.mtroyal.ca/~nkhemka/2511/process.php")
    .done(function (data){
        var diceList= new Array(data.Roll.length);
        for( var i= 0; i< data.Roll.length; i++){
            diceList[i]=data.Roll[i].value;
        }
        alert(diceList);
    });

answered Dec 7, 2015 at 4:01

RalfZ

3163 silver badges6 bronze badges

Comments

Ro. · Accepted Answer · 2015-12-07 05:20:18Z

0

Iterate Roll items to put their values into an array.

JsFiddle

$.post("http://ins.mtroyal.ca/~nkhemka/2511/process.php")
    .done(function (data) {
        var diceList = $.parseJSON(data);
        var array = [];

        $.each( diceList.Roll, function(i, item) {

            array.push(item.value);
        });

        alert(array);
});

edited Dec 7, 2015 at 5:20

answered Dec 7, 2015 at 5:12

Ro.

1,8011 gold badge19 silver badges17 bronze badges

Comments

Louis XIV · Accepted Answer · 2015-12-09 15:04:35Z

0

With underscore it's really easy:

$.post("http://ins.mtroyal.ca/~nkhemka/2511/process.php").done(function (data){
       data = JSON.parse(data); // JSON.parse is the same
       diceList = _.map(data.Roll, function(num){ return num.value; });
       console.log(diceList);
});

Without:

data = JSON.parse(data);
diceList = [];
for (var i in data.Roll)
    diceList.push( data.Roll[i].value );
console.log(diceList);

https://jsfiddle.net/rabztbcd/

edited Dec 9, 2015 at 15:04

answered Dec 7, 2015 at 4:01

Louis XIV

2,22413 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to parse json array into javascript array using jquery?

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related