Check if an array is empty

Question

I've tried several things which are listed on the forum here, but I can't get this one to work.

So my question: How to check if an array is empty and if so hide an element?

Perhaps I'm doing something completly wrong?

My code:

 var listaSelection = {
                "category": [{ value: "1234", text: "Test" }]};

            $("select#list").change(function(){

              $("#cat3").html($("#list option:selected").text());

              var options = '';
              listsa = listaSelection[$(this).val()];

              $('select#listA').empty();

              options += '<option value="">Choose</option>';

              $.each(listsa, function() {
                options += '<option value="' + this.value + '">' + this.text + '</option>';
              });
              if(listsa.length > 0){   
                $('select#listA').append(options);
                $('.zoeken-select.listA').fadeIn(300);
              }else{
                //this array is empty
                return false;
              }

            });

The HTML

<div class="zoeken-select course">
              <div class="zoeken-value" id="cat2">Selecteer je sector/locatie</div>
              <div class="zoeken-handle"></div>
              <select id="course" class="gui-validate">
              </select>
            </div>
            <div class="zoeken-select list">
              <div class="zoeken-value" id="cat3"></div>
              <div class="zoeken-handle"></div>
              <select id="list" class="gui-validate">
              </select>
            </div>
            <div class="zoeken-select listA">
              <div class="zoeken-value" id="cat4"></div>
              <div class="zoeken-handle"></div>
              <select id="listA" class="gui-validate">
              </select>
            </div>

I assume $(this).val() contains category in this example (surrendering [{value: "1234", text: "Test" }])? — Brad Christie
– Brad Christie, Commented Oct 17, 2013 at 11:54

Stéphane Bruckert · Accepted Answer · 2013-10-17 11:53:31Z

1

Use the isEmptyObject method

jQuery.isEmptyObject({}); // true
jQuery.isEmptyObject({ foo: "bar" }); // false

answered Oct 17, 2013 at 11:53

Stéphane Bruckert

23.1k15 gold badges102 silver badges136 bronze badges

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

Comments

Vinay Pratap Singh Bhadauria · Accepted Answer · 2013-10-17 11:55:42Z

0

use

jQuery.isEmptyObject({});

see EmptyObject

answered Oct 17, 2013 at 11:55

Vinay Pratap Singh Bhadauria

9,9873 gold badges30 silver badges50 bronze badges

Comments

Rituraj ratan · Accepted Answer · 2013-10-17 11:55:46Z

0

for array

 var arrayname= [1,2,3,4,5];

now come in else case

if (arrayname.length === 0) {
  // do your stuff 
}else{
// doyour stuff
 }

now come in if case

 var arrayname= [];

if (arrayname.length === 0) {
  // do your stuff 
}else{
// doyour stuff
 }

for object

jQuery.isEmptyObject({}); // true
jQuery.isEmptyObject({ test: "testvalue" }); // false

reference $.isEmptyObject and array length

answered Oct 17, 2013 at 11:55

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

2 Comments

Meules Over a year ago

Ok thx, never heard of this. I've read the references but how do I incorporate this in the code above?

Rituraj ratan Over a year ago

first $('.zoeken-select.listA').fadeIn(300); chnage this to $('.zoeken-select .listA').fadeIn(300);

Collectives™ on Stack Overflow

Check if an array is empty

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related