Khi trang đang tải lần đầu tiên, tôi cần kiểm tra xem có hình ảnh nào không image_arrayvà tải hình ảnh cuối cùng.

Mặt khác, tôi vô hiệu hóa các nút xem trước, cảnh báo người dùng nhấn nút hình ảnh mới và tạo một mảng trống để đặt hình ảnh;

Vấn đề là image_arraytrong các elsevụ cháy mọi lúc. Nếu một mảng tồn tại - nó chỉ ghi đè lên nó, nhưng cảnh báo không hoạt động.

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

CẬP NHẬT Trước khi tải html, tôi có một cái gì đó như thế này:

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

Vấn đề của bạn có thể xảy ra do sự kết hợp của các biến toàn cục ẩn và cẩu nâng. Đảm bảo bạn sử dụng varbất cứ khi nào khai báo một biến:

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

Và sau đó hãy chắc chắn rằng bạn không bao giờ vô tình xác định lại biến đó sau:

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

Để kiểm tra xem một mảng có trống hay không

Một cách hiện đại, ES5 +:

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

Một cách học cũ:

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

Một cách nhỏ gọn:

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

Một cách CoffeeScript:

if array?.length > 0

Tại sao?

Trường hợp không xác
định Biến không xác định là biến mà bạn chưa gán bất cứ điều gì cho nó.

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

Case Null
Nói chung, null là trạng thái thiếu giá trị. Ví dụ, một biến là null khi bạn bỏ lỡ hoặc không lấy được một số dữ liệu.

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

Case Không phải là một Array
Javascript có một hệ thống kiểu động. Điều này có nghĩa là chúng ta không thể đảm bảo loại đối tượng mà một biến giữ. Có một cơ hội mà chúng ta không nói đến một ví dụ Array.

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

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

Case Empty Array
Bây giờ vì chúng tôi đã thử nghiệm tất cả các khả năng khác, chúng tôi đang nói đến một ví dụ về Array. Để đảm bảo nó không trống, chúng tôi hỏi về số lượng phần tử mà nó đang giữ và đảm bảo rằng nó có nhiều hơn các phần tử bằng không.

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

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

Còn về (ECMA 5.1):

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

Đây là những gì tôi sử dụng. Điều kiện đầu tiên bao gồm sự thật, có cả null và không xác định. Điều kiện thứ hai kiểm tra một mảng trống.

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

hoặc nhờ bình luận của tsemer, tôi đã thêm phiên bản thứ hai

if(arrayName && arrayName.length)

Sau đó, tôi đã thực hiện một thử nghiệm cho điều kiện thứ hai, sử dụng Scratchpad trong 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!");
}

điều này cũng chứng minh điều đó if(array2 && array2.length)và if(array2 && array2.length > 0)chính xác là làm như vậy

Bạn nên sử dụng:

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

Nếu bạn muốn kiểm tra xem biến mảng hình ảnh đã được xác định chưa, bạn có thể làm như thế này không

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 )

Nhà nghỉ & gạch dưới

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

Bạn có thể sử dụng jQuery isEmptyObject()để kiểm tra xem mảng có chứa các phần tử hay không.

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

Nguồn: https://api.jquery.com/jQuery.isEmptyObject/

Một cách đơn giản không dẫn đến ngoại lệ nếu không tồn tại và chuyển đổi thành boolean:

!!array

Thí dụ:

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

Còn cái này thì sao ? kiểm tra độ dài của mảng không xác định có thể ném ngoại lệ.

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

Đối với tôi chắc chắn một số câu trả lời được đánh giá cao "hoạt động" khi tôi đặt chúng vào jsfiddle, nhưng khi tôi có một lượng danh sách mảng được tạo động, rất nhiều mã này trong các câu trả lời không hoạt động cho ME.

Đây là những gì IS làm việc cho tôi.

var from = [];

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

Lưu ý, KHÔNG trích dẫn xung quanh không xác định và tôi không bận tâm với độ dài.

chuỗi tùy chọn

Khi đề xuất xích tùy chọn đạt đến giai đoạn 4 và đang nhận được sự hỗ trợ rộng rãi hơn, có một cách rất thanh lịch để làm điều này

if(image_array?.length){

  // image_array is defined and has at least one element

}

Tôi gặp vấn đề này khá nhiều trong Javascript. Đối với tôi cách tốt nhất để làm điều đó là kiểm tra rất rộng trước khi kiểm tra độ dài. Tôi đã thấy một số giải pháp khác trong Hỏi & Đáp này, nhưng tôi muốn có thể kiểm tranull hoặc undefinedhoặc bất kỳ giá trị sai khác.

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

Đây lần đầu tiên sẽ kiểm tra undefined, nullhoặc giá trị sai khác. Nếu bất kỳ điều nào là đúng, nó sẽ hoàn thành boolean vì đây là một OR. Sau đó, kiểm tra rủi ro hơn array.length, có thể lỗi chúng tôi nếu mảng không được xác định, có thể được kiểm tra. Điều này sẽ không bao giờ đạt được nếu arraylà undefinedhoặc null, vì vậy việc sắp xếp các điều kiện là rất quan trọng.

Sử dụng undescore hoặc lodash :

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

Sau đây là giải pháp của tôi được gói trong một hàm cũng đưa ra các lỗi để quản lý một vài vấn đề với phạm vi đối tượng và tất cả các loại dữ liệu có thể được truyền cho hàm.

Đây là bí quyết của tôi được sử dụng để kiểm tra vấn đề này ( nguồn )

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

Nếu bạn không có một biến được khai báo là mảng, bạn có thể tạo một kiểm tra:

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

Điều này kiểm tra nếu biến x tồn tại và nếu có, kiểm tra xem nó có phải là một mảng đầy không. mặt khác, nó tạo ra một mảng trống (hoặc bạn có thể làm những thứ khác);

Nếu bạn chắc chắn có một biến mảng được tạo, có một kiểm tra đơn giản:

var x = [];

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

Bạn có thể kiểm tra fiddle của tôi ở đây với các cách hiển thị hầu hết các cách có thể để kiểm tra mảng.

Bạn nên làm điều này

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

Tôi nghĩ mã đơn giản này sẽ hoạt động:

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

trong ts

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

trong html

(ảnh == không xác định | |! (isArray (ảnh) && photos.length> 0))

Khi bạn tạo image_array, nó trống, do đó image_array.length của bạn là 0

Như đã nêu trong bình luận bên dưới, tôi chỉnh sửa câu trả lời của mình dựa trên câu trả lời của câu hỏi này ):

var image_array = []

bên trong các dấu ngoặc khác không thay đổi bất cứ điều gì thành image_array được xác định trước trong mã