Коли сторінка завантажується вперше, мені потрібно перевірити, чи є зображення, 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 a Array
Javascript має систему динамічного типу. Це означає, що ми не можемо гарантувати, який тип об’єкта містить змінну. Є ймовірність, що ми не поговоримо з інстанцією Array.

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

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

Case Empty Array
Тепер, оскільки ми перевірили всі інші можливості, ми говоримо з примірником 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.
}

або завдяки коментарю цемера я додав другу версію

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's, 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, так що впорядкування умов є дуже важливим.

Використання нестерору або подання :

_.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

(фотографії == undefined ||! (isArray (фотографії) && photos.length> 0))

Коли ви створюєте image_array, він порожній, тому ваша image_array.length дорівнює 0

Як зазначено в коментарі нижче, я редагую свою відповідь на основі відповіді на це запитання ):

var image_array = []

всередині інших дужок нічого не змінює зображення, визначене раніше в коді