เมื่อหน้ากำลังโหลดเป็นครั้งแรกฉันจำเป็นต้องตรวจสอบว่ามีรูปภาพอยู่หรือไม่image_arrayและโหลดรูปภาพสุดท้าย

มิฉะนั้นฉันจะปิดการใช้งานปุ่มแสดงตัวอย่างเตือนผู้ใช้ให้กดปุ่มภาพใหม่และสร้างอาร์เรย์ว่างเพื่อใส่ภาพ;

ปัญหาคือimage_arrayในelseไฟตลอดเวลา หากมีอาร์เรย์อยู่ - มันจะแทนที่มัน แต่การแจ้งเตือนจะไม่ทำงาน

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

อัปเดตก่อนที่จะโหลด html ฉันมีสิ่งนี้:

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

ปัญหาของคุณอาจเกิดขึ้นเนื่องจากการผสมผสานของตัวแปรทั่วโลกและการยกตัวแปร ตรวจสอบให้แน่ใจว่าคุณใช้varทุกครั้งที่ประกาศตัวแปร:

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

จากนั้นตรวจสอบให้แน่ใจว่าคุณไม่เคยประกาศตัวแปรนั้นในภายหลังโดยไม่ตั้งใจ:

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

เพื่อตรวจสอบว่าอาร์เรย์ว่างเปล่าหรือไม่

วิธีการที่ทันสมัย ​​ES5 +:

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

วิธีโรงเรียนเก่า:

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

วิธีกะทัดรัด:

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

วิธี CoffeeScript:

if array?.length > 0

ทำไม?

Case Undefined
Undefined เป็นตัวแปรที่คุณยังไม่ได้กำหนดอะไรให้กับมัน

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

Case Null
โดยทั่วไปแล้ว null จะเป็นสถานะของการขาดค่า ตัวอย่างเช่นตัวแปรเป็นโมฆะเมื่อคุณพลาดหรือไม่สามารถดึงข้อมูลบางอย่างได้

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

Case Not Array
Javascript มีระบบการพิมพ์แบบไดนามิก ซึ่งหมายความว่าเราไม่สามารถรับประกันประเภทของวัตถุที่ตัวแปรถืออยู่ Arrayมีโอกาสที่เราไม่ได้พูดคุยกับตัวอย่างของเป็น

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

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

กรณีอาร์เรย์ที่ว่างเปล่า
ตั้งแต่ตอนนี้เราได้ทดสอบความเป็นไปได้อื่น ๆ Arrayทั้งหมดที่เรากำลังพูดคุยกับตัวอย่างของ เพื่อให้แน่ใจว่าไม่ว่างเปล่าเราจะถามจำนวนองค์ประกอบที่ถืออยู่และตรวจสอบว่ามีองค์ประกอบมากกว่าศูนย์

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

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

วิธีการเกี่ยวกับ (ECMA 5.1):

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

นี่คือสิ่งที่ฉันใช้ เงื่อนไขแรกครอบคลุมความจริงซึ่งมีทั้งโมฆะและไม่ได้กำหนด เงื่อนไขที่สองตรวจสอบอาร์เรย์ที่ว่างเปล่า

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

หรือขอบคุณที่แสดงความคิดเห็น tsemer ของฉันเพิ่มรุ่นที่สอง

if(arrayName && arrayName.length)

จากนั้นฉันทำการทดสอบเงื่อนไขที่สองโดยใช้ Scratchpad ใน 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!");
}

ซึ่งยังพิสูจน์ได้if(array2 && array2.length)และif(array2 && array2.length > 0)กำลังทำสิ่งเดียวกัน

คุณควรใช้:

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

หากคุณต้องการทดสอบว่าตัวแปรอาร์เรย์รูปภาพได้รับการกำหนดหรือไม่คุณสามารถทำเช่นนี้ได้

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 )

ลอด & ขีดล่าง

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

คุณสามารถใช้ jQuery isEmptyObject()เพื่อตรวจสอบว่าอาร์เรย์มีองค์ประกอบหรือไม่

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

ที่มา: https://api.jquery.com/jQuery.isEmptyObject/

วิธีง่ายๆที่ไม่ส่งผลให้เกิดข้อยกเว้นหากไม่มีอยู่และแปลงเป็นบูลีน:

!!array

ตัวอย่าง:

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

แล้วเรื่องนี้ล่ะ การตรวจสอบความยาวของอาร์เรย์ที่ไม่ได้กำหนดอาจส่งผลให้เกิดข้อยกเว้น

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

สำหรับฉันแน่ใจว่าคำตอบ "ทำงาน" ที่ได้รับความนิยมสูงเมื่อฉันใส่คำตอบเหล่านั้นลงใน jsfiddle แต่เมื่อฉันมีรายการอาร์เรย์ที่สร้างขึ้นแบบไดนามิกจำนวนมากของรหัสนี้ในคำตอบก็ไม่ได้ผลสำหรับฉัน

นี่คือสิ่งที่ทำงานให้ฉัน

var from = [];

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

สังเกตุ, ไม่มีเครื่องหมายคำพูดรอบ ๆ ไม่ได้กำหนดและฉันไม่ได้สนใจกับความยาว

ผูกมัดตัวเลือก

เนื่องจากข้อเสนอเพิ่มเติมที่ผูกมัดถึงขั้นตอนที่ 4 และได้รับการสนับสนุนที่กว้างขึ้นจึงมีวิธีที่สง่างามมากในการทำเช่นนี้

if(image_array?.length){

  // image_array is defined and has at least one element

}

ฉันเจอปัญหานี้ใน Javascript ค่อนข้างมาก สำหรับฉันวิธีที่ดีที่สุดที่จะทำคือการตรวจสอบกว้างมากก่อนที่จะตรวจสอบความยาว ผมเห็นการแก้ปัญหาอื่น ๆ บางอย่างใน Q & A นี้ แต่ฉันต้องการที่จะสามารถที่จะตรวจสอบอย่างใดอย่างหนึ่งnullหรือundefinedหรือเท็จค่าอื่น ๆ

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

นี่เป็นครั้งแรกจะตรวจสอบundefined, nullหรือค่าอื่น ๆ ที่เป็นเท็จ ถ้าใด ๆ ORของเหล่านั้นเป็นจริงก็จะเสร็จสมบูรณ์แบบบูลเช่นนี้เป็น จากนั้นตรวจสอบความเสี่ยงที่มากขึ้นarray.lengthซึ่งอาจทำให้เกิดข้อผิดพลาดกับเราหากไม่ได้กำหนดอาเรย์ไว้ จะไม่สามารถเข้าถึงได้หากarrayเป็นundefinedหรือnullดังนั้นการสั่งซื้อเงื่อนไขจึงมีความสำคัญมาก

ใช้undescoreหรือlodash :

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

ต่อไปนี้เป็นโซลูชันของฉันที่รวมอยู่ในฟังก์ชั่นที่ยังโยนข้อผิดพลาดเพื่อจัดการปัญหาสองสามอย่างกับขอบเขตของวัตถุและประเภทข้อมูลที่เป็นไปได้ทุกประเภทที่ส่งผ่านไปยังฟังก์ชัน

นี่คือซอของฉันที่ใช้ในการตรวจสอบปัญหานี้ (ที่มา )

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

หากคุณไม่ได้ประกาศตัวแปรเป็นอาร์เรย์คุณสามารถสร้างการตรวจสอบ:

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

สิ่งนี้จะตรวจสอบว่าตัวแปร x มีอยู่หรือไม่และเป็นค่านั้นหรือไม่ตรวจสอบว่าเป็นอาร์เรย์ที่เติมเต็มหรือไม่ มิฉะนั้นมันจะสร้างอาร์เรย์ที่ว่างเปล่า (หรือคุณสามารถทำสิ่งอื่น ๆ );

หากคุณมั่นใจว่ามีตัวแปรอาเรย์ที่สร้างขึ้นจะมีการตรวจสอบง่าย ๆ :

var x = [];

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

คุณสามารถตรวจสอบซอของฉันที่นี่ด้วยการแสดงวิธีที่เป็นไปได้มากที่สุดในการตรวจสอบอาร์เรย์

คุณควรทำสิ่งนี้

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

ในทีเอส

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

ใน html

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

เมื่อคุณสร้าง image_array ของคุณจะว่างเปล่าดังนั้น image_array.length ของคุณคือ 0

ตามที่ระบุไว้ในความคิดเห็นด้านล่างนี้ฉันจะแก้ไขคำตอบของฉันเกี่ยวกับเรื่องนี้ตาม คำตอบของคำถาม ):

var image_array = []

ในวงเล็บอื่นจะไม่เปลี่ยนสิ่งใด ๆ เป็น image_array ที่กำหนดไว้ก่อนหน้าในรหัส