检查数组是否为空或空

Question

我想知道如何在 jQuery 中检查数组是否为空或 null。我试过array.length === 0，但没用。它也没有抛出任何错误。

这是代码：

var album_text = new Array();

$("input[name='album_text[]']").each(function(){
  if( $(this).val() &&  $(this).val() != '') {
    album_text.push($(this).val());
  }
});
if (album_text.length === 0) {
  $('#error_message').html("Error");
}

else {
  // send data
}

Answer 1

只要您的选择器确实有效，我认为您检查数组长度的代码没有任何问题。那应该做你想做的事。有很多方法可以让你的代码更简单、更易读。这是一个清理过的版本，其中包含关于我清理过的内容的注释。

var album_text = [];

$("input[name='album_text[]']").each(function() {
    var value = $(this).val();
    if (value) {
        album_text.push(value);
    }
});
if (album_text.length === 0) {
    $('#error_message').html("Error");
}

else {
  //send data
}

关于你在做什么和我改变了什么的一些注释。

1. $(this) 始终是有效的 jQuery 对象，因此没有理由检查 if ($(this))。它里面可能没有任何 DOM 对象，但是如果需要，您可以使用 $(this).length 进行检查，但这不是必需的，因为如果没有项目，.each() 循环将不会运行，所以 $(this) 里面您的.each() 循环将永远是一些东西。
2. 在同一个函数中多次使用 $(this) 是低效的。最好将它一次放入一个局部变量中，然后从该局部变量中使用它。
3. 建议使用[] 而不是new Array() 来初始化数组。
4. if (value) 当值预计为字符串时，将同时保护value == null、value == undefined 和 value == ""，因此您不必执行 if (value && (value != ""))。您可以这样做：if (value) 检查所有三个空条件。
5. if (album_text.length === 0) 会告诉你数组是否为空，只要它是一个有效的、已初始化的数组（它就在这里）。

你想用这个选择器$("input[name='album_text[]']")做什么？

Answer 2

User JQuery is EmptyObject 判断数组是否包含元素。

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

Answer 3

我认为使用 jquery 中的 $.isEmptyObject 来检查数组是否为空是很危险的，正如@jesenko 提到的那样。我刚刚遇到了这个问题。

isEmptyObject doc 中提到：

参数应始终是纯 JavaScript 对象

您可以通过$.isPlainObject 确定。 $.isPlainObject([]) 的返回是假的。

Answer 4

在推入数组之前，您应该检查''（空字符串）。您的数组包含空字符串元素。然后你的album_text.length === 0 就可以正常工作了。

Answer 5

/*
  Basic Checking with undefined array for Jquery Array
*/
if (typeof myArray !== 'undefined' && myArray.length > 0) {
    console.log('myArray is not empty.');
}else{
    console.log('myArray is empty.');
}