ページが初めて読み込まれるとき、画像があるかどうかを確認し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

どうして？

ケース未定義
未定義の変数は、まだ何も割り当てていない変数です。

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

Case Null
一般的に、nullは値が不足している状態です。たとえば、一部のデータの取得に失敗したか失敗した場合、変数はnullです。

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

配列で
はない Javascriptには動的型システムがあります。これは、変数が保持するオブジェクトのタイプを保証できないことを意味します。のインスタンスと通信していない可能性がありますArray。

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

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

Case Empty Array
他のすべての可能性をテストしたので、今度はのインスタンスと話していますArray。それが空でないことを確認するために、それが保持している要素の数と、それが0を超える要素を持つことを確認します。

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
}

これは私が使用するものです。最初の条件は、nullと未定義の両方を持つ真実をカバーします。2番目の条件は、空の配列をチェックします。

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

またはtsemerのコメントのおかげで、私は2番目のバージョンを追加しました

if(arrayName && arrayName.length)

次に、FirefoxのScratchpadを使用して、2番目の条件のテストを行いました。

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に入れると「機能する」と確信していますが、動的に生成された配列リストがある場合、回答のこのコードの多くはMEでは機能しません。

これは私のために働いているものです。

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、最初に、、、またはその他の偽の値がチェックされます。これらのいずれかがtrueの場合、これはなので、ブール値を完成させ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
    }

私はこの単純なコードがうまくいくと思います：

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

tsで

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

HTMLで

（写真==未定義||！（isArray（photos）&& photos.length> 0））

image_arrayを作成すると、空になるため、image_array.lengthは0になります。

以下のコメントで述べたように、私はこの質問の回答に基づいて私の回答を編集し ます）：

var image_array = []

else括弧内では、コードで以前に定義されたimage_arrayは何も変更されません。