Compruebe si una matriz está vacía o existe


358

Cuando la página se carga por primera vez, necesito verificar si hay una imagen image_arrayy cargar la última imagen.

De lo contrario, deshabilito los botones de vista previa, alerta al usuario para que presione el botón de nueva imagen y creo una matriz vacía para colocar las imágenes;

El problema es que image_arrayen los elseincendios todo el tiempo. Si existe una matriz, simplemente la anula, pero la alerta no funciona.

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 = [];
}

ACTUALIZACIÓN Antes de cargar html, tengo algo como esto:

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

Registro de consola image_array: ¿qué obtienes?
Utkanos

@Utkanos si hay var image_array = [] - indefinido si // var image_array = [] (comentado) - matriz real.
user1564141

array? .length: ampliamente compatible y pronto será una característica nativa
Anbu Agarwal

Respuestas:


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

Su problema puede estar ocurriendo debido a una combinación de variables globales implícitas y elevación de variables. Asegúrese de usar varcada vez que declare una variable:

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

Y luego asegúrese de nunca volver a declarar accidentalmente esa variable más tarde:

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

33
No Esto explotará cuando image_array sea nulo. La ley de Murphy establece que algún día lo hará.
Marco Faustinelli

77
¿No es image_array.lengthsuficiente? (sin especificar >0)
mcont

Curioso: ¿Puedes encontrar algún caso de uso que se rompa usando la respuesta de @JamesDrinkard?
tsemer

12
if (image_array && image_array.length){ // array exists and has elements
YeeHaw1234

195

Para verificar si una matriz está vacía o no

Una forma moderna, ES5 +:

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

Una manera de la vieja escuela:

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

Una forma compacta:

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

Una manera de CoffeeScript:

if array?.length > 0

¿Por qué?

Caso sin definir La
variable sin definir es una variable a la que todavía no se le ha asignado nada.

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

Caso nulo
En términos generales, nulo es el estado de falta de valor. Por ejemplo, una variable es nula cuando omitió o no pudo recuperar algunos datos.

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

Case Not an Array
Javascript tiene un sistema de tipo dinámico. Esto significa que no podemos garantizar qué tipo de objeto contiene una variable. Existe la posibilidad de que no estemos hablando de una instancia de Array.

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

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

Case Empty Array
Ahora, dado que probamos todas las demás posibilidades, estamos hablando de una instancia de Array. Para asegurarnos de que no esté vacío, preguntamos por el número de elementos que contiene y nos aseguramos de que tenga más de cero elementos.

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

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

8
Tenga en cuenta que es no suficiente para simplemente comprobar (typeof array != "undefined" && array.length > 0)porque si arrayes nulo vamos a llegar TypeError: Cannot read property 'length' of null.
Pooyan Khosravi

Tal vez cambie && con ||
Sahar Ch.

!(typeof array !== "undefined") || !(array.length > 0)? Solo lo intenté, obtuve el mismo error. ¿Puede darnos un ejemplo completo de cómo usarlo ||?
Pooyan Khosravi

Quise decir(typeof array != "undefined" || array.length > 0)
Sahar Ch.

Gracias por la aclaración. (typeof array != "undefined" || array.length > 0)devuelve truesi array = null. !(typeof array != "undefined" || array.length > 0)devuelve falsesi array = [1,2]. Perdón por no entender, pero @Elsa ¿puedes dar un ejemplo de trabajo? Gracias por adelantado.
Pooyan Khosravi

70

¿Qué tal (ECMA 5.1):

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

1
Re .. && image_array.length). En mi humilde opinión, si bien puede confiar en el tipeo suelto de JS, para convertir un 0número entero en falseun non-zeronúmero entero true, considero preferible, para facilitar la lectura en el futuro, "decir lo que quiere decir". Haría .. && image_array.length > 0).
ToolmakerSteve

28

Esto es lo que yo uso. La primera condición cubre la verdad, que tiene valores nulos e indefinidos. La segunda condición verifica si hay una matriz vacía.

if(arrayName && arrayName.length > 0){
    //do something.
}

o gracias al comentario de tsemer agregué una segunda versión

if(arrayName && arrayName.length)

Luego hice una prueba para la segunda condición, usando Scratchpad en Firefox:

var array1;
var array2 = [];
var array3 = ["one", "two", "three"];
var array4 = null;

console.log(array1);
console.log(array2);
console.log(array3);
console.log(array4);

if (array1 && array1.length) {
  console.log("array1! has a value!");
}

if (array2 && array2.length) {
  console.log("array2! has a value!");
}

if (array3 && array3.length) {
  console.log("array3! has a value!");
}

if (array4 && array4.length) {
  console.log("array4! has a value!");
}

que también prueba eso if(array2 && array2.length)y if(array2 && array2.length > 0)están haciendo exactamente lo mismo


13
Considero que este es el más conciso y cubre todos los problemas de excepción. Y dado que te gusta la veracidad, incluso podría conformarse conif (arrayName && arrayName.length)
tsemer

2
Corto y rápido! Me tomó un tiempo venir de C # a acostumbrarme a if (obj) para verificar si es nulo, pero ahora me encanta: if (obj) // null check; if (array && array.length) // matriz nula o verificación vacía; if (array &&! array.length) // existe, pero check vacío; if (str) // cadena no nula y no vacía. El único problema es no usar en números si cero es un número válido.
Rick Love

1
He estado usando (arrayName && arrayName.length) durante un tiempo y luego me preocupé si algo podría estar mal. Esta respuesta me consoló, gracias :)
Koray

En Typecript hay matices, ya que para var arrayName = undefined; var isNotEmpty = arrayName && array.length > 0type for isNotEmpty no sería boolean, sería boolean | undefined.
Giedrius

15

Deberías usar:

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

8

Si desea probar si se ha definido la variable de matriz de imagen, puede hacerlo así

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


@ user1564141 es difícil saber dónde se declara la función en relación con la configuración de su image_array. Es posible que tenga un problema de alojamiento, por lo que es posible que deba declarar esa variable como var index_array = ... Además, es la etiqueta del script donde establece que index_array se cierre. No aparece así en la captura de pantalla.
Mike Brant

En lo demás también está alerta, que se dispara solo cuando la matriz está vacía, pero var image_array funciona cada vez ... No puedo entender por qué.
user1564141

@ user1564141 Sería útil si pudiera actualizar su pregunta para mostrar la fuente como salida. Todavía no tengo idea de dónde reside su lógica if-else dentro de la fuente en relación con la ubicación de su declaración index_array.
Mike Brant

6

JavaScript

( typeof(myArray) !== 'undefined' && Array.isArray(myArray) && myArray.length > 0 )

Lodash y subrayado

( _.isArray(myArray) && myArray.length > 0 )

6

Puede usar jQuery's isEmptyObject()para verificar si la matriz contiene elementos o no.

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

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


Esto es lo único que funcionó para mí al agregar elementos con array.push (), desde elementos agregados dinámicamente (ajax). Gracias
TomoMiha

3

Una forma simple que no genera excepciones si no existe y se convierte a booleano:

!!array

Ejemplo:

if (!!arr) {
  // array exists
}

3

Qué tal esto ? comprobar la longitud de la matriz indefinida puede generar una excepción.

if(image_array){
//array exists
    if(image_array.length){
    //array has length greater than zero
    }
}

El anidado ifse puede evitar utilizando &&, como en image_array && image_array.length, se cortocircuitará si image_arrayno existe.
rvazquezglez

3

Para mí, seguro que algunas de las respuestas mejor calificadas "funcionan" cuando las pongo en jsfiddle, pero cuando tengo una cantidad generada dinámicamente de la lista, mucho de este código en las respuestas simplemente no funciona para mí.

Esto es lo que ESTÁ trabajando para mí.

var from = [];

if(typeof from[0] !== undefined) {
  //...
}

Tenga en cuenta que NO hay citas indefinidas y no me estoy molestando con la longitud.


1
dos comentarios: 1) typeofdevuelve una cadena, en comparación con undefinedsiempre será parpadeante 2) no verifica si fromestá definido. su código anterior arrojará un error si no es así
Xeltor

@ Xeltor No, no lo hará. proporcione su jsfiddle o plunker para probar esto o elimine su comentario.
Tom Stickel

@Xeltor, solo mira y parece que tu respuesta tiene -2 y está llena de comentarios con personas que dicen en negrita que estás EQUIVOCADO.
Tom Stickel

3

encadenamiento opcional

Como la propuesta de encadenamiento opcional llegó a la etapa 4 y está obteniendo un soporte más amplio, hay una manera muy elegante de hacerlo

if(image_array?.length){

  // image_array is defined and has at least one element

}

2

Me encuentro con este problema bastante en Javascript. Para mí, la mejor manera de hacerlo es poner un control muy amplio antes de verificar la longitud. Vi algunas otras soluciones en este Q & A, pero quería ser capaz de verificar, ya sea para nullo undefinedo cualquier otro valor falso.

if(!array || array.length == 0){
    console.log("Array is either empty or does not exist")
}

Esto primera comprobar undefined, nullu otros valores falsos. Si alguno de esos es verdadero, completará el booleano ya que es un OR. Luego array.length, se puede verificar la comprobación más arriesgada , que podría confundirnos si la matriz no está definida. Esto nunca se alcanzará si arrayes undefinedo null, por lo que el orden de las condiciones es muy importante.



1

La siguiente es mi solución envuelta en una función que también arroja errores para gestionar un par de problemas con el alcance del objeto y todos los tipos de tipos de datos posibles pasados ​​a la función.

Aquí está mi violín utilizado para examinar este problema ( fuente )

var jill = [0];
var jack;
//"Uncaught ReferenceError: jack is not defined"

//if (typeof jack === 'undefined' || jack === null) {
//if (jack) {
//if (jack in window) {
//if (window.hasOwnP=roperty('jack')){
//if (jack in window){

function isemptyArray (arraynamed){
    //cam also check argument length
  if (arguments.length === 0) { 
    throw "No argument supplied";
  }

  //console.log(arguments.length, "number of arguments found");
  if (typeof arraynamed !== "undefined" && arraynamed !== null) {
      //console.log("found arraynamed has a value");
      if ((arraynamed instanceof Array) === true){
        //console.log("I'm an array");
        if (arraynamed.length === 0) {
            //console.log ("I'm empty");
            return true;
        } else {
          return false;
        }//end length check
      } else {
        //bad type
        throw "Argument is not an array";
      } //end type check
  } else {
    //bad argument
    throw "Argument is invalid, check initialization";;
  }//end argument check
}

try {
  console.log(isemptyArray(jill));
} catch (e) {
    console.log ("error caught:",e);
}

0

Si no tiene una variable declarada como matriz, puede crear una verificación:

if(x && x.constructor==Array && x.length){
   console.log("is array and filed");
}else{
    var x= [];
    console.log('x = empty array');
}

Esto verifica si la variable x existe y si es así, verifica si es una matriz llena. de lo contrario, crea una matriz vacía (o puede hacer otras cosas);

Si está seguro de que hay una variable de matriz creada, hay una simple verificación:

var x = [];

if(!x.length){
    console.log('empty');
} else {
    console.log('full');
}

Puede verificar mi violín aquí con la mayoría de las formas posibles de verificar la matriz.


0

Usted debe hacer esto

    if (!image_array) {
      // image_array defined but not assigned automatically coerces to false
    } else if (!(0 in image_array)) {
      // empty array
      // doSomething
    }

0

Creo que este código simple funcionaría:

if(!(image_array<=0)){
//Specify function needed
}

-1

en ts

 isArray(obj: any) 
{
    return Array.isArray(obj)
  }

en html

(photos == undefined ||! (isArray (photos) && photos.length> 0))


3
¿Estás seguro de eso? La segunda parte no parece HTML después de todo
Nico Haase

-3

Cuando crea su image_array, está vacío, por lo tanto, su image_array.length es 0

Como se indica en el comentario a continuación, edito mi respuesta en función de la respuesta de esta pregunta ):

var image_array = []

dentro de los corchetes else no cambia nada al conjunto de imágenes definido anteriormente en el código


Lo tengo en la fuente, al cargar la página ... Solo olvida publicar.
user1564141

Quiero agregar algo a mi respuesta que puede estar mal, así que lo digo aquí. En los idiomas comunes, lo que se crea dentro de un bloque no es visible "fuera" del bloque. Como define []var image_array = []dentro del bloque else, no estoy seguro de que se pueda ver afuera. Pruebaimage_array = []
Al_th

pero si elimino image_array del resto, todo funciona bien.
user1564141
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.