How can I convert a json object to an array in javascript

Question

Here is a snippet of javascript from my C# web MVC application:

$.ajax({
         url: 'myurl'
        }).done(function(response) {
          $scope.Vdata = JSON.parse(response);
          return $scope.$apply();
        });

The JSON response form this call looks like this

"{
    \"renditions\": {
        \"live\": \"true\",
        \" type\": \"default\",
        \"rendition\": {
            \"name\": \"Live \",
            \"url\": \"http: //mysite\"
        }
    }
}"

I would like to wrap the json response rendition object into an array to look like this-(note the added square brackets for the array)

"{
    \"renditions\": {
        \"live\": \"true\",
        \" type\": \"default\",
        \"rendition\": [{
            \"name\": \"Live \",
            \"url\": \"http: //mysite\"
        }]
    }
}"

I tried something like this which didn’t work:

$.ajax({
    url: 'myurl'
}).done(function(response) {
    var tmp;
    if (!respose.renditons.rendition.isArray) {
        tmp = respose.renditions.renditon;
        respose.renditon = [];
        respose.renditon.push(tmp);
    }
    $scope.Vdata = JSON.parse(response);
    return $scope.$apply();
});

The response will sometimes include the rendition object as an array so I only need to convert to an array in cases where its not.

Can someone please help me with the correct javascript to convert the json object into an array. Preferably modifying my existing code

So, you have a single object and you return an object, but you want to make it as a single element in `Array`? — Maxim Zhukov, Jul 24 '13 at 18:18
I need to do this because Angular ng-repeat in my view needs an array — Milligran, Jul 24 '13 at 18:31

score 0 · Answer 1 · edited May 23 '17 at 12:13

You can check if the object is an array using this:

Object.prototype.toString.call( response.renditions.rendition ) === '[object Array]'

And you can simplify the conversion to an array -- just wrap it as an array using x = [x]:

if (Object.prototype.toString.call( response.renditions.rendition ) !== '[object Array]') {
    response.renditions.rendition = [response.renditions.rendition];
}

Fiddle demo.

score 0 · Accepted Answer · answered Jul 24 '13 at 18:25

Try this:

$.ajax({
    url: 'myurl'
}).done(function(response) {
    var json = JSON.parse(response);
    if(!Array.isArray(json.renditions.rendition)) {
        json.renditions.rendition = [json.renditions.rendition];
    }
    return json;
});

Fiddle demo (kind of...)

score -1 · Answer 3 · answered Jul 24 '13 at 18:37

add data type JSON to your ajax post. example

$.ajax({type: "POST",
        url: URL, 
        data: PARAMS,
        success: function(data){
            //json is changed to array because of datatype JSON
                alert(data.renditions);
            },            
        beforeSend: function (XMLHttpRequest) { 
            /* do something or leave empty */
        },
            complete: function (XMLHttpRequest, textStatus) { /*do something or leave empty */ },  
        dataType: "json"}
       );

How can I convert a json object to an array in javascript

3 Answers3