Ketika halaman memuat untuk pertama kalinya, saya perlu memeriksa apakah ada gambar di dalam image_arraydan memuat gambar terakhir.

Kalau tidak, saya menonaktifkan tombol pratinjau, mengingatkan pengguna untuk menekan tombol gambar baru dan membuat array kosong untuk meletakkan gambar;

Masalahnya adalah bahwa image_arraydalam elsekebakaran sepanjang waktu. Jika ada array - hanya menimpanya, tetapi lansiran tidak berfungsi.

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

PEMBARUAN Sebelum memuat html, saya memiliki sesuatu seperti ini:

<?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
}

Masalah Anda mungkin terjadi karena campuran variabel global implisit dan variabel yang diangkat. Pastikan Anda menggunakan varsetiap kali mendeklarasikan variabel:

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

Dan kemudian pastikan Anda tidak pernah secara tidak sengaja mendeklarasikan ulang variabel itu nanti:

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

Untuk memeriksa apakah array kosong atau tidak

Cara modern, ES5 +:

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

Cara jadul:

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

Cara yang ringkas:

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

Cara CoffeeScript:

if array?.length > 0

Mengapa?

Case Undefined
Variabel tidak terdefinisi adalah variabel yang belum Anda tetapkan untuknya.

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

Case Null
Secara umum, null adalah keadaan tidak memiliki nilai. Misalnya variabel nol ketika Anda melewatkan atau gagal mengambil beberapa data.

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

Kasus Bukan Array
Javascript memiliki sistem tipe dinamis. Ini berarti kami tidak dapat menjamin jenis objek apa yang dipegang variabel. Ada kemungkinan bahwa kita tidak berbicara dengan contoh Array.

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

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

Case Empty Array
Sekarang karena kami menguji semua kemungkinan lain, kami sedang berbicara dengan contoh Array. Untuk memastikan itu tidak kosong, kami bertanya tentang jumlah elemen yang dipegangnya, dan memastikan elemennya lebih dari nol.

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

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

Bagaimana dengan (ECMA 5.1):

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

Inilah yang saya gunakan. Kondisi pertama mencakup kebenaran, yang memiliki nol dan tidak terdefinisi. Kondisi kedua memeriksa array kosong.

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

atau terima kasih atas komentar tsemer saya menambahkan versi kedua

if(arrayName && arrayName.length)

Lalu saya membuat tes untuk kondisi kedua, menggunakan Scratchpad di 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!");
}

yang juga membuktikan itu if(array2 && array2.length)dan if(array2 && array2.length > 0)persis melakukan hal yang sama

Kamu harus menggunakan:

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

Jika Anda ingin menguji apakah variabel array gambar telah ditentukan, Anda dapat melakukannya seperti ini

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 & Garis Bawah

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

Anda dapat menggunakan jQuery's isEmptyObject()untuk memeriksa apakah array mengandung elemen atau tidak.

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

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

Cara sederhana yang tidak menghasilkan pengecualian jika tidak ada dan dikonversi ke boolean:

!!array

Contoh:

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

Bagaimana dengan ini ? memeriksa panjang array yang tidak terdefinisi dapat membuang pengecualian.

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

Bagi saya yakin beberapa jawaban dengan nilai tinggi "berfungsi" ketika saya memasukkannya ke jsfiddle, tetapi ketika saya memiliki jumlah array yang dihasilkan secara dinamis, banyak kode ini dalam jawaban yang tidak berfungsi untuk saya.

Inilah yang bekerja untuk saya.

var from = [];

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

Perhatikan, TIDAK ada kutipan di sekitar yang tidak ditentukan dan saya tidak peduli dengan panjangnya.

rantai opsional

Saat proposal perangkaian opsional mencapai tahap 4 dan mendapatkan dukungan yang lebih luas, ada cara yang sangat elegan untuk melakukan ini

if(image_array?.length){

  // image_array is defined and has at least one element

}

Saya menemukan masalah ini cukup banyak di Javascript. Bagi saya cara terbaik untuk melakukannya adalah dengan melakukan pemeriksaan yang sangat luas sebelum memeriksa panjang. Saya melihat beberapa solusi lain dalam T&J ini, tetapi saya ingin dapat memeriksa salah nullatau undefinedatau nilai salah lainnya.

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

Ini pertama akan memeriksa undefined, nullatau nilai-nilai palsu lainnya. Jika ada yang benar, itu akan menyelesaikan boolean karena ini adalah OR. Maka pemeriksaan yang lebih berisiko array.length, yang dapat membuat kesalahan kita jika array tidak didefinisikan, dapat diperiksa. Ini tidak akan pernah tercapai jika arrayini undefinedatau null, sehingga pemesanan kondisi sangat penting.

Menggunakan undescore atau lodash :

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

Berikut ini adalah solusi saya dibungkus dengan fungsi yang juga melempar kesalahan untuk mengelola beberapa masalah dengan cakupan objek dan semua jenis tipe data yang mungkin diteruskan ke fungsi.

Inilah biola saya yang digunakan untuk memeriksa masalah ini ( sumber )

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

Jika Anda tidak memiliki variabel yang dideklarasikan sebagai array, Anda dapat membuat tanda centang:

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

Ini memeriksa apakah variabel x ada dan jika ada, memeriksa apakah itu array yang diisi. selain itu menciptakan array kosong (atau Anda dapat melakukan hal-hal lain);

Jika Anda yakin ada variabel array yang dibuat ada pemeriksaan sederhana:

var x = [];

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

Anda dapat memeriksa biola saya di sini dengan menunjukkan cara yang paling mungkin untuk memeriksa array.

Anda harus melakukan ini

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

Saya pikir kode sederhana ini akan berfungsi:

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

dalam ts

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

dalam html

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

Ketika Anda membuat image_array Anda, itu kosong, oleh karena itu image_array.length Anda adalah 0

Seperti yang dinyatakan dalam komentar di bawah ini, saya mengedit jawaban saya berdasarkan jawaban pertanyaan ini ):

var image_array = []

di dalam kurung lain tidak mengubah apa pun ke image_array yang didefinisikan sebelumnya dalam kode