페이지가 처음으로로드 될 때 이미지가 있는지 확인 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
정의 되지 않은 변수는 아직 아무것도 할당하지 않은 변수입니다.

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 및 undefined)을 모두 포함합니다. 두 번째 조건은 빈 배열을 확인합니다.

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

또는 tsemer의 의견 덕분에 두 번째 버전을 추가했습니다.

if(arrayName && arrayName.length)

그런 다음 Firefox에서 Scratchpad를 사용하여 두 번째 조건을 테스트했습니다.

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
}

자바 스크립트

( typeof(myArray) !== 'undefined' && Array.isArray(myArray) && myArray.length > 0 )

Lodash 및 밑줄

( _.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) {
  //...
}

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배열이 정의되지 않은 경우 오류가 발생할 수 있는보다 위험한 검사를 확인할 수 있습니다. arrayis undefined또는 null인 경우 도달하지 않으므로 조건의 순서는 매우 중요합니다.

사용 undescore 또는 lodash를 :

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

다음은 객체 범위와 함수에 전달 된 모든 유형의 가능한 데이터 유형에 대한 몇 가지 문제를 관리하는 데 오류가 발생하는 함수에 싸인 솔루션입니다.

이 문제를 검사하는 데 사용되는 바이올린은 다음과 같습니다 ( source )

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가 있는지 확인하고 변수 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
    }

ts에서

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

html로

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

image_array를 만들면 비어 있으므로 image_array.length는 0입니다.

아래 의견에서 언급 했듯이이 질문의 답변을 기반으로 답변을 편집합니다 .

var image_array = []

else 괄호 안에는 코드에서 이전에 정의 된 image_array로 아무것도 변경하지 않습니다.