使用JavaScript检查数组是否为空

JavaScript如何检查数组是否为空？下面本篇文章就来给大家介绍一下使用使用JavaScript检查数组是否为空的方法，希望对大家有所帮助。

方法一：使用Array.isArray()方法和array.length属性

可以通过array.isarray()方法检查该数组是否确实是一个数组。如果作为参数传递的对象是数组，则此方法返回true。它还检查数组是否为“undefined”或为“null”。

使用array.length属性检查数组是否为空；此属性返回数组中的元素数量。如果这个数大于0，它的值为true。

数组的isArray()方法和length属性可与(&&)操作符一起使用，以确定数组是否存在且是否为空。

语法：

Array.isArray(emptyArray) && emptyArray.length

例：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>检查数组是否为空或存在</title></head><body><b>检查数组是否为空或存在</b><p>emptyArray = []</p><p>nonExistantArray = undefined</p><p>fineArray = [1, 2, 3, 4, 5]</p><p>单击按钮，检查数组是否存在且不为空</p><button onclick="checkArray()">检查数组</button><p>数组emptyArray是否为空或存在：<span class="output-empty"></span></p><p>数组nonExistantArray是否为空或存在：<span class="output-non"></span></p><p>数组fineArray是否为空或存在：<span class="output-ok"></span></p><script type="text/javascript">function checkArray() {let emptyArray = [];let nonExistantArray = undefined;let fineArray = [1, 2, 3, 4, 5];if(Array.isArray(emptyArray) && emptyArray.length)output = true;elseoutput = false;document.querySelector('.output-empty').textContent = output;if(Array.isArray(nonExistantArray) && nonExistantArray.length)output = true;elseoutput = false;document.querySelector('.output-non').textContent = output;if(Array.isArray(fineArray) && fineArray.length)output = true;elseoutput = false;document.querySelector('.output-ok').textContent = output;}</script></body></html>

效果图：

方法二：使用typeof运算符和array.length

通过使用typeof运算符检查数组的类型是否为“undefined”，数组是否为'null'，来检查数组是否存在。

通过使用array.length属性，可以检查数组是否为空；通过检查返回的长度是否大于0，可以确保数组不为空。

然后，可以将这些属性与（&&）运算符一起使用，以确定数组是否存在且不为空。

例：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>检查数组是否为空或存在</title></head><body><b>检查数组是否为空或存在</b><p>emptyArray = []</p><p>nonExistantArray = undefined</p><p>fineArray = [1, 2, 3, 4, 5]</p><p>单击按钮，检查数组是否存在且不为空</p><button onclick="checkArray()">检查数组</button><p>数组emptyArray是否为空或存在：<span class="output-empty"></span></p><p>数组nonExistantArray是否为空或存在：<span class="output-non"></span></p><p>数组fineArray是否为空或存在：<span class="output-ok"></span></p><script type="text/javascript">function checkArray() { let emptyArray = []; let nonExistantArray = undefined; let fineArray = [1, 2, 3, 4, 5]; if (typeof emptyArray != "undefined"  && emptyArray != null  && emptyArray.length != null  && emptyArray.length > 0) output = true; else output = false; document.querySelector('.output-empty').textContent = output; if (typeof nonExistantArray != "undefined"  && nonExistantArray != null  && nonExistantArray.length != null  && nonExistantArray.length > 0) output = true; else output = false; document.querySelector('.output-non').textContent = output; if (typeof fineArray != "undefined"  && fineArray != null  && fineArray.length != null  && fineArray.length > 0) output = true; else output = false; document.querySelector('.output-ok').textContent = output; } </script></body></html>

效果图：

更多web前端知识，请查阅 HTML中文网！！

使用JavaScript检查数组是否为空相关推荐

如何使用JavaScript检查输入是否为空
by Zell Liew 由Zell Liew 如何使用JavaScript检查输入是否为空 (How to check if an input is empty with JavaScript) L ...
php 检查数组为空_检查数组是否为空在PHP中
php 检查数组为空 Given an array and we have to check if array is an empty or not using PHP. 给定一个数组,我们必须检查数 ...
javascript判断数组是否为空
方法如下: var daily= json.daily; if(typeof daily.increase_num !=='undefined' && daily.increase_n ...
JavaScript检查数组中是否有重复值
参考文章:https://www.jianshu.com/p/2cbe951b2997 function repeatnum(arr){if((new Set(arr)).size != arr.le ...
2种检查JavaScript数组是否为空的方法
方法一:使用Array.isArray()方法和array.length属性可以通过array.isarray()方法检查该数组是否确实是一个数组.如果作为参数传递的对象是数组,则此方法返回true ...
html 数组为空报错,javascript怎么判断数组是否为空？
javascript判断数组是否为空的方法:通过数组length属性返回数组中元素数目,若为0说明数组为空,若不为0说明数组不为空. 判断数组是否为空实现代码:let arr = [];if (arr ...
如何检查数组是否包含JavaScript中的对象？
In this article, we will look at various methods to check if an array includes an object in JavaScri ...
JavaScript 中检查数组是否包含值的 5 种方法
在 JavaScript 中,有多种方法可以检查数组是否包含项目.您始终可以使用for 循环或Array.indexOf()方法,但 ES6 添加了许多更有用的方法来搜索数组并轻松找到您要查找的内容. ...
JavaScript - 移除数组中的空字符串元素
移除数组中的空字符串元素使用 filter 方法对数组进行拷贝,删除空字符串元素,保留其他元素(第 22 ~ 24 行): <!DOCTYPE html> <html>< ...

使用JavaScript检查数组是否为空

使用JavaScript检查数组是否为空相关推荐

最新文章

热门文章