Check an empty array object in JSON with jQuery

Question

I have an empty array like this:

{"18":[]}

but other JSON are like this:

{
    "223": [
        {
            "virtuemart_state_id": "1",
            "state_name": "Alabama"
        },
        {
            "virtuemart_state_id": "2",
            "state_name": "Alaska"
        }
    ]
}

I was trying to check that like this:

jQuery("#paramsstates_chzn .search-field: input").click(function(){
            var country = jQuery("#country").val(),
            chzn,
            url = "http://localhost/data.php?id="+country;

            jQuery.getJSON(url, function(data){
             console.log(data);
             if (jQuery.isEmptyObject(data[country])) {
                 chzn = "<li class='active-result'>Empty</li>";
                 jQuery("ul.chzn-results").html(chzn);
                 return;
             }
            $.each(data[country], function(i, rep){
                chzn += "<li class='active-result' id ='paramsstates_chzn_o_"+ i + "' >"+ rep.state_name +"</li>";
            });

        jQuery("ul.chzn-results").html(chzn);
          });

      });

Any idea in where I made mistake because it's wasn't updating ul.chzn-results class area.

HTML:

<ul class="chzn-results"></ul>

I tried like this too for length check. But not working.

(data[country].length === 0)

missing " for url = "localhost/joomla/data.json; .. correct it — Bhushan Kawadkar
– Bhushan Kawadkar, Commented Jul 19, 2014 at 7:52
Use if(Array.isArray(obj) === true && obj.length === 0) to check if an object is an array and is empty. — techfoobar
– techfoobar, Commented Jul 19, 2014 at 7:53
that's an empty array not logically an empty object, simply check for length. — coding_idiot
– coding_idiot, Commented Jul 19, 2014 at 7:54
I tried like this too : (data[country].length === 0) but no luck :( — user3850712
– user3850712, Commented Jul 19, 2014 at 7:58

user1907906 · Accepted Answer · 2014-07-19 07:53:33Z

1

No need for jQuery, that is plain JavaScript.

var o = {"18":[]};
var isEmpty = o["18"].length === 0;

answered Jul 19, 2014 at 7:53

user1907906

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

2 Comments

user3850712 Over a year ago

Did you read the other line of the code ? $.each(data[country], function(i, rep){ chzn += "<li class='active-result' id ='paramsstates_chzn_o_"+ i + "' >"+ rep.state_name +"</li>"; }); I don't have all JSON empty. I just want to check the empty one.

user1907906 Over a year ago

Your question only includes a very small snippet of JSON. Please include the real JSON in your question.

sylwester · Accepted Answer · 2014-07-19 07:57:16Z

0

You can use use : (data[country]).length ==0 to check if array is empty

jQuery("#paramsstates_chzn .search-field: input").click(function(){
                var country = jQuery("#country").val(),
                chzn,
                url = "http://localhost/joomla/data.json";

                jQuery.getJSON(url, function(data){
                 console.log(data);
                 if ((data[country]).length ==0) {
                     chzn = "<li class='active-result'>Empty</li>";
                     jQuery("ul.chzn-results").html(chzn);
                     return;
                 }
                $.each(data[country], function(i, rep){
                    chzn += "<li class='active-result' id ='paramsstates_chzn_o_"+ i + "' >"+ rep.state_name +"</li>";
                });

            jQuery("ul.chzn-results").html(chzn);
              });

          });

answered Jul 19, 2014 at 7:57

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

3 Comments

user3850712 Over a year ago

Thanks for your reply. But I don't know why this wasn't updating this area <ul class="chzn-results"></ul> :(

sylwester Over a year ago

please see here plnkr.co/edit/8bmZSolmCMlReir850Bf?p=preview erything looks fine double check your html code

sylwester Over a year ago

in line 17 you can change country beteween 18 i 17 to see result

coding_idiot · Accepted Answer · 2014-07-19 07:55:37Z

0

Change

if (jQuery.isEmptyObject(data[country])) {

to

if (data[country].length==0) {

answered Jul 19, 2014 at 7:55

coding_idiot

13.8k10 gold badges71 silver badges119 bronze badges

2 Comments

user1907906 Over a year ago

@user3850712 Show us the real JSON.

coding_idiot Over a year ago

does it add to ul, if the array is non-empty ?

Collectives™ on Stack Overflow

Check an empty array object in JSON with jQuery

3 Answers 3

2 Comments

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related