Vérifier si un tableau est vide ou existe

Question

Lorsque la page se charge pour la première fois, je dois vérifier s'il y a une image dans le dossier de l'utilisateur. image_array et charger la dernière image.

Sinon, je désactive les boutons de prévisualisation, j'alerte l'utilisateur pour qu'il appuie sur le bouton de nouvelle image et je crée un tableau vide pour y placer les images ;

Le problème est que image_array dans le else se déclenche tout le temps. Si un tableau existe, il le remplace, mais l'alerte ne fonctionne pas.

if(image_array.length > 0)
    $('#images').append('<img src="'+image_array[image_array.length-1]+'" class="images" id="1" />');
else{
    $('#prev_image').attr('disabled', 'true');
    $('#next_image').attr('disabled', 'true');
    alert('Please get new image');
    var image_array = [];
}

MISE À JOUR Avant de charger le html, j'ai quelque chose comme ceci :

<?php if(count($images) != 0): ?>
<script type="text/javascript">
    <?php echo "image_array = ".json_encode($images);?>
</script>
<?php endif; ?>

Answer 1

if (typeof image_array !== 'undefined' && image_array.length > 0) {
    // the array is defined and has at least one element
}

Il se peut que votre problème soit dû à un mélange de variables globales implicites et de levées de variables. Assurez-vous d'utiliser var lors de la déclaration d'une variable :

<?php echo "var image_array = ".json_encode($images);?>
// add var  ^^^ here

Et assurez-vous que vous ne redéclarerez jamais accidentellement cette variable plus tard :

else {
    ...
    image_array = []; // no var here
}

Answer 2

Pour vérifier si un tableau est vide ou non

Une méthode moderne, ES5+ :

if (Array.isArray(array) && array.length) {
    // array exists and is not empty
}

A l'ancienne :

typeof array != "undefined"
    && array != null
    && array.length != null
    && array.length > 0

Une manière compacte :

if (typeof array != "undefined" && array != null && array.length != null && array.length > 0) {
    // array exists and is not empty
}

A la manière de CoffeeScript :

if array?.length > 0

---

Pourquoi ?

Cas indéfini
Une variable indéfinie est une variable à laquelle vous n'avez encore rien assigné.

let array = new Array();     // "array" !== "array"
typeof array == "undefined"; // => true

Cas Nul
D'une manière générale, null est l'état d'absence de valeur. Par exemple, une variable est nulle lorsque vous avez manqué ou échoué à récupérer certaines données.

array = searchData();  // can't find anything
array == null;         // => true

Case Not an Array
Javascript a un système de type dynamique. Cela signifie que nous ne pouvons pas garantir quel type d'objet une variable contient. Il est possible que nous ne soyons pas en train de parler à une instance de Array .

supposedToBeArray =  new SomeObject();
typeof supposedToBeArray.length;       // => "undefined"

array = new Array();
typeof array.length;                   // => "number"

Case Empty Array
Maintenant que nous avons testé toutes les autres possibilités, nous parlons à une instance de Array . Afin de s'assurer qu'il n'est pas vide, nous demandons le nombre d'éléments qu'il contient, et nous nous assurons qu'il a plus de zéro élément.

firstArray = [];
firstArray.length > 0;  // => false

secondArray = [1,2,3];
secondArray.length > 0; // => true

Answer 3

Vous devriez utiliser :

  if (image_array !== undefined && image_array.length > 0)

Answer 4

Si vous voulez vérifier si la variable tableau d'images a été définie, vous pouvez le faire de la manière suivante

if(typeof image_array === 'undefined') {
    // it is not defined yet
} else if (image_array.length > 0) {
    // you have a greater than zero length array
}

Answer 5

Vous pouvez utiliser l'outil de jQuery isEmptyObject() 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 

Source : https://api.jquery.com/jQuery.isEmptyObject/