Vérifier si le tableau est vide ou nul

Question

Je voudrais savoir comment vérifier si un tableau est vide ou nul en jQuery. J'ai essayé array.length === 0 mais ça n'a pas marché. Il n'y a pas eu d'erreur non plus.

Voici le code :

var album_text = new Array();

$("input[name='album_text[]']").each(function(){
  if( $(this).val() &&  $(this).val() != '') {
    album_text.push($(this).val());
  }
});
if (album_text.length === 0) {
  $('#error_message').html("Error");
}

else {
  // send data
}

Answer 1

Tant que votre sélecteur fonctionne réellement, je ne vois rien de mal dans votre code qui vérifie la longueur du tableau. Cela devrait faire ce que vous voulez. Il existe de nombreuses façons de nettoyer votre code pour le rendre plus simple et plus lisible. Voici une version nettoyée avec des notes sur ce que j'ai nettoyé.

var album_text = [];

$("input[name='album_text[]']").each(function() {
    var value = $(this).val();
    if (value) {
        album_text.push(value);
    }
});
if (album_text.length === 0) {
    $('#error_message').html("Error");
}

else {
  //send data
}

Quelques notes sur ce que vous faisiez et ce que j'ai changé.

1. $(this) est toujours un objet jQuery valide, il n'y a donc aucune raison de vérifier que if ($(this)) . Il se peut qu'il n'y ait aucun objet DOM à l'intérieur, mais vous pouvez vérifier cela avec $(this).length si vous en avez besoin, mais ce n'est pas nécessaire ici car la .each() La boucle ne fonctionnerait pas s'il n'y avait pas d'éléments, donc $(this) à l'intérieur de votre .each() La boucle sera toujours quelque chose.
2. Il est inefficace d'utiliser $(this) plusieurs fois dans la même fonction. Il vaut mieux le placer une fois dans une variable locale et l'utiliser ensuite à partir de cette variable locale.
3. Il est recommandé d'initialiser les tableaux à l'aide de la fonction [] plutôt que new Array() .
4. if (value) lorsque la valeur est attendue comme étant une chaîne de caractères protégera à la fois de value == null , value == undefined y value == "" pour que vous n'ayez pas à faire if (value && (value != "")) . Vous pouvez le faire : if (value) pour vérifier les trois conditions de vide.
5. if (album_text.length === 0) vous dira si le tableau est vide tant qu'il s'agit d'un tableau valide et initialisé (ce qui est le cas ici).

Qu'essayez-vous de faire avec ce sélecteur ? $("input[name='album_text[]']") ?

Answer 2

L'utilisateur JQuery utilise EmptyObject pour vérifier si le tableau contient des éléments ou non.

var testArray=[1,2,3,4,5];
var testArray1=[];
console.log(jQuery.isEmptyObject(testArray)); //false
console.log(jQuery.isEmptyObject(testArray1)); //true

Answer 3

Je pense qu'il est dangereux d'utiliser $.isEmptyObject de jquery pour vérifier si le tableau est vide, comme @jesenko l'a mentionné. Je viens de rencontrer ce problème.

Dans le doc isEmptyObject il mentionne :

L'argument doit toujours être un simple objet JavaScript

que vous pouvez déterminer par $.isPlainObject . Le retour de $.isPlainObject([]) est fausse.

Answer 4

Vous devez vérifier si '' (chaîne vide) avant de le pousser dans votre tableau. Votre tableau a des éléments qui sont des chaînes vides. Ensuite, votre album_text.length === 0 fonctionnera très bien.

Answer 5

/*
  Basic Checking with undefined array for Jquery Array
*/
if (typeof myArray !== 'undefined' && myArray.length > 0) {
    console.log('myArray is not empty.');
}else{
    console.log('myArray is empty.');
}