js中判断空数组和空对象的方法

复习的时候做一些学习的笔记总结。

javascript的值的类型：

原始值：number、string、boolean、undefined、null、symbol（ES6）、bigint（ES10）
引用值：引用对象（object、array、function）

在编写代码的过程中，我们经常会遇到对0、“”、undefined、null的判定，我们可以使用逻辑非和逻辑比较（与自己）运算共同确定是哪一个类型的空值，如：

   const a = 0;const b = "";const c = undefined;const d = null;console.log(!a && a === 0);//trueconsole.log(!b && b === "");//trueconsole.log(!c && c === undefined);//trueconsole.log(!d && d === null);//true这四个值取逻辑非的结果均为true，且均与自身相等

但[]空数组和{}空对象不一样，拿空数组举例：

   const emptyArr = [];console.log(!emptyArr);//falseconsole.log(emptyArr === []);//false

因为数组和对象是引用类值，变量的值为真实对象的索引，任意两个空数组和空对象都不相等。
所以判断空数组和空对象是有点复杂的，需要一些办法来判断：

1. JSON.stringify()

       const emptyArr = [];const emptyObj = {};console.log(JSON.stringify(emptyArr) === "[]"); //trueconsole.log(JSON.stringify(emptyObj) === "{}"); //true

通过判断空数组和空对象的json.stringify返回值与"[]“、”{}"是否相等判断。
注：toString（）和String方法对空数组和空对象的转换结果和JSON.stringify不一样：

   console.log(emptyArr.toString());console.log(emptyObj.toString());

控制台显示：（toString和String方法的结果一致）

2. 判断数组的长度/对象key的长度

空数组：
使用isPrototypeOf()方法和数组的length()方法判断一个值：1.是数组；2.为空。
isPrototype()的用法：objA.isPrototypeOf(objB) ，
即判断对象A（objA）是否为对象B（objB）的原型链上的原型对象，如：若要判断一个变量a是否为数组，可以使用
Array.prototype.isPrototypeOf(a)来判断，值为true\false（也可以用Array.isArray()判断是否为数组）
接下来可以进行空数组验证：

   const emptyArr = [];console.log(Array.isArray(emptyArr) && emptyArr.length === 0); //验证为数组且为空

空对象：
同样需要判断：1.是对象；2.为空
对象没有length属性，但是可以通过keys（）方法获得对象内key的数组，所以：

   const emptyObj = {};console.log(Object.prototype.isPrototypeOf(emptyObj) && emptyObj.keys(obj).length === 0);//验证为对象且为空

最后，上面两种办法只能验证是否为[]{}，无法验证嵌套的空数组、空对象，如[{},[]]，若要验证是否空里有空，需要根据实际情况自己写一个遍历函数

js中判断空数组和空对象的方法相关推荐

关于js中的判断数组为空的问题
如果你在查询一个文档,它啥都没存,但是doc就是返回了一个[]: User.find({email: userEmail}, {avatar: 1}, function (err, doc) {let ...
shell中判断空字符串和有趣的空字符串
Introduction Shell 中判断空字符串以及有趣的空字符串判断字符串是否为空 Example1 if [[ -z "$str" ]] thenecho " ...
js中常用的数组和字符串方法
一:js中常用的数组方法 <script>//函数声明式中的方法const arr=[1,3,6,9,15,19,16];//函数的所有方法 map(),reduce(),filter() ...
JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象
前言絮叨絮叨这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...
.NET深入学习笔记(2)：C#中判断空字符串的4种方法性能比较与分析
偶然看到<C#中判断空字符串的3种方法性能分析 >作者:清清月儿主页:http://blog.csdn.net/21aspnet/ 时间:2007.4.28 写的一 ...
总结JS中常用的数组的方法大全
总结JS中常用的数组方法 JS中常用的数组方法总结数组(Array)是一种复杂的数据类型,它属于Object(对象)类型,用来将一组数组合在一起,通过一个变量就可以访问一组数据.在使用数组时,经常会 ...
C#中判断空字符串的3种方法性能分析【月儿原创】
C#中判断空字符串的3种方法性能分析作者:清清月儿主页:http://blog.csdn.net/21aspnet/ 时间:2007.4.28 3种方法分别是:string ...
oracle中判断空,Oracle中判断空游标的方法
1.声明包 create or replace package TAL_TEST is -- Author : ADMINISTRATOR -- Created : 2012/12/9 15:15:3 ...
C#中判断空字符串的3种方法性能分析 1
C#中判断空字符串的3种方法性能分析作者:杨义贤主页:http://blog.csdn.net/lucky_yyx 时间:2007.4.29 3种方法分别是:string a=&qu ...

js中判断空数组和空对象的方法

1. JSON.stringify()

2. 判断数组的长度/对象key的长度

js中判断空数组和空对象的方法相关推荐

最新文章

热门文章