js 判断是否为空对象、空数组

js 判断是否为空对象、空数组

当需要判断参数是否为空时,总希望 js 能够提供原生的判断方法,可惜并没有,只能自己封装了。

1

function isEmpty(obj) {

1

// 检验 undefined 和 null

1

2

3

if(!obj && obj !== 0 && obj !== '') {<br>          

  return true;

}

1

if(Array.prototype.isPrototypeOf(obj) && obj.length === 0) { <br>    return true;<br>  }

1

if(Object.prototype.isPrototypeOf(obj) && Object.keys(obj).length === 0) { <br>    return true;   <br>  }   <br>  return false; <br>}

isPrototypeOf() 方法用于测试一个对象是否存在于另一个对象的原型链上。即判断 Object 是否存在于 obj 的原型链上。需要注意的是,js 中一切皆是对象,也就是说,Object 也存在于数组的原型链上,因此这里数组需要先于对象检验。

ps:

isPrototypeOf 和 instanceof operator 是不一样的。在表达式 object instanceof AFunction 中,检测的是 AFunction.prototype 是否在object 的原型链中,而不是检测 AFunction 自身。

该方法属于 ES3 标准,现代浏览器均支持,包括 IE。  <( ̄︶ ̄)>

Object.keys() 方法会返回一个由给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致、

该方法属于 ES5 标准,IE9 以上和其它现代浏览器均支持。如果你很不幸的需要兼容 IE9以下浏览器,那就用 for...in 代替吧。但是,for...in 会将对象原型链上的属性也枚举出来,因此还需要加个判断。

1

2

3

4

5

for(var key in obj) {

    if(obj.hasOwnProperty(key)) {

        return false;

    }

}

1

<span style="font-size: 14px;"><span style="font-size: 16px;"><strong>hasOwnProperty()</strong></span>属于 ES3 标准,现代浏览器均支持,包括 IE。可以放心使用啦。  <( ̄︶ ̄)><br><br>还有一种很特别的检验空对象或空数组的方法,就是使用 <span style="font-size: 16px;"><strong>JSON.stringify()</strong></span>:<br></span>

1

JSON.stringify(obj) === '{}';

1

JSON.stringify(obj) === '[]'

posted @ 2019-12-04 18:45  grj001  阅读(249)  评论(0编辑  收藏  举报