Sayfa ilk kez image_arrayyüklendiğinde, içinde bir görüntü olup olmadığını kontrol etmem ve son görüntüyü yüklemem gerekiyor.

Aksi takdirde, önizleme düğmelerini devre dışı bırakır, kullanıcıyı yeni görüntü düğmesine basması konusunda uyarır ve görüntüleri koymak için boş bir dizi oluştururum;

Sorun şu ki image_array, elseyangınlarda her zaman. Bir dizi varsa - sadece onu geçersiz kılar, ancak uyarı çalışmaz.

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

GÜNCELLEME Html yüklemeden önce şöyle bir şey var:

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

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

Sorununuz, örtük global değişkenlerin ve değişken kaldırma işlemlerinin bir karışımı nedeniyle olabilir. varBir değişkeni bildirirken kullandığınızdan emin olun :

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

Ve sonra daha sonra yanlışlıkla bu değişkeni asla yeniden açıklamadığınızdan emin olun:

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

Bir dizinin boş olup olmadığını kontrol etmek için

Modern bir yol, ES5 +:

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

Eski okul yolu:

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

Kompakt bir yol:

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

Bir CoffeeScript yolu:

if array?.length > 0

Neden?

Durum Tanımsız
Tanımsız değişken, henüz herhangi bir şey atamadığınız bir değişkendir.

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

Vaka Null
Genel olarak, null değeri olmayan bir durumdur. Örneğin, bazı verileri kaçırdığınızda veya alamadığınızda bir değişken null olur.

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

Array Değil
Javascript dinamik bir tip sistemine sahiptir. Bu, bir değişkenin ne tür bir nesne tuttuğunu garanti edemeyeceğimiz anlamına gelir. Bir örneğiyle konuşmadığımız bir şans var Array.

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

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

Case Empty Array
Şimdi diğer tüm olasılıkları test ettiğimizden bir örneğiyle konuşuyoruz Array. Boş olmadığından emin olmak için, tuttuğu öğe sayısını ve sıfırdan fazla öğeye sahip olduğundan emin olmak istiyoruz.

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

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

Peki ya (ECMA 5.1):

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

Ben bunu kullanıyorum. İlk koşul, null ve undefined olan gerçeği kapsar. İkinci koşul boş bir dizi olup olmadığını denetler.

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

ya da tsemer'ın yorumu sayesinde ikinci bir versiyon ekledim

if(arrayName && arrayName.length)

Sonra Firefox'ta Scratchpad kullanarak ikinci durum için bir test yaptım:

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!");
}

bu da bunu kanıtlıyor if(array2 && array2.length)ve if(array2 && array2.length > 0)aynısını yapıyor

Kullanmalısın:

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

Resim dizisi değişkeninin tanımlanıp tanımlanmadığını test etmek isterseniz, bunu şu şekilde yapabilirsiniz

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

JavaScript

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

Lodash ve Alt Çizgi

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

isEmptyObject()Dizinin öğe içerip içermediğini kontrol etmek için jQuery's kullanabilirsiniz .

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

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

Varsa istisnalara yol açmayan ve boole dönüştüren basit bir yol:

!!array

Misal:

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

Buna ne dersin ? tanımlanmamış dizinin uzunluğunu kontrol etmek istisna atabilir.

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

Benim için bazı yüksek puanlı cevaplar "jsfiddle onları koymak ne zaman" iş emin, ama dinamik olarak oluşturulan bir dizi dizi listesi olduğunda cevaplar bu kod bir sürü sadece benim için çalışmıyor.

Bu benim için çalışıyor.

var from = [];

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

Dikkat, undefined etrafında tırnak yok ve ben uzunluğu ile rahatsız değil.

isteğe bağlı zincirleme

İsteğe bağlı zincirleme teklifi 4. aşamaya ulaştığından ve daha geniş destek aldığından, bunu yapmanın çok zarif bir yolu var

if(image_array?.length){

  // image_array is defined and has at least one element

}

Bu konuda Javascript'te oldukça fazla karşılaşıyorum. Benim için bunu yapmanın en iyi yolu, uzunluğu kontrol etmeden önce çok geniş bir kontrol yapmaktır. Bu soru-cevap bölümünde başka çözümler gördüm, ancak yanlış değeri nullya undefinedda herhangi bir yanlış değeri kontrol etmek istedim .

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

Bu, ilk kontrol edecektir undefined, nullya da diğer yanlış değerler. Bunlardan herhangi biri doğruysa, bu bir boole'yi tamamlayacaktır OR. Daha sonra, array.lengthdizi tanımsızsa bize hata verebilecek daha riskli kontroller kontrol edilebilir. Bu ulaşılabilir asla arraydeğildir undefinedveya nulldurumların sipariş çok önemlidir, bu yüzden.

Undescore veya lodash kullanma :

_.isArray(image_array) && !_.isEmpty(image_array)

Aşağıdakiler, nesne kapsamı ve işleve iletilen tüm olası veri türleri ile ilgili birkaç sorunu yönetmek için hatalar atan bir işleve sarılmış çözümümdür.

İşte bu sorunu incelemek için kullanılan kemanım ( kaynak )

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);
}

Dizi olarak bildirilen bir değişkeniniz yoksa bir denetim oluşturabilirsiniz:

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

Bu, x değişkeni olup olmadığını ve doldurulmuş bir dizi olup olmadığını kontrol eder. aksi takdirde boş bir dizi oluşturur (ya da başka şeyler yapabilirsiniz);

Eğer varsa bazı oluşturulan bir dizi değişkeni basit çek var orada:

var x = [];

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

Diziyi kontrol etmenin en olası yollarını gösteren kemanımı burada kontrol edebilirsiniz .

Bunu yapmalısın

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

Bu basit kod işe yarayacağını düşünüyorum:

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

ts olarak

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

html'de

(fotoğraflar == tanımsız ||! (isArray (fotoğraflar) && photos.length> 0))

İmage_array öğenizi oluşturduğunuzda boştur, bu nedenle image_array.length öğeniz 0 olur

Aşağıdaki yorumda belirtildiği gibi, cevabımı bu sorunun cevabına göre düzenliyorum ):

var image_array = []

diğer köşeli parantezler içinde kodda daha önce tanımlanan image_array ile hiçbir şey değişmez