江苏龙网

  1. 主页 > 生活百科 > >

JavaScript 中如何检查对象为空

JavaScript对象为空

下面的代码片段，用于检查对象是否为空 。对于较新的浏览器，你可以使用 ES6 的 “Object.keys” 。对于较旧的浏览器，可以安装Lodash库并使用其“ isEmpty”方法 。
const empty = {};/* -------------------------  较新的浏览器----------------------------*/Object.keys(empty).length === 0 && empty.constructor === Object// true/* -------------------------  老版本的浏览器可以使用 Lodash----------------------------*/_.isEmpty(empty)// true什么是原生 JAVAScript原生 JavaScript 指的是不使用框架或库 。它只是常规的普通 JavaScript，没有使用Lodash或jQuery之类的库 。
A.在较新的浏览器中检查空对象我们可以使用内置的Object.keys方法检查空对象 。
const empty = {};Object.keys(empty).length === 0 && empty.constructor === object;为什么我们需要额外的constructor 检查？你可能想知道为什么我们需要对 constructor 进行检查 。它是为了覆盖包装器实例 。在JavaScript中，我们有9个内置的构造函数 。
new Object();new String();new Number();new Boolean();new Array();new RegExp();new Function();new Date();这里，我们可以使用new Object()创建一个空对象 。

注：永远不要使用构造函数创建对象 。这被认为是不好的做法，请参阅 Airbnb Style Guide 和 ESLint 。
const obj = new Object();Object.keys(obj).length === 0; // true因此，仅使用Object.keys，当对象为空时，它的确会返回true 。但是，当我们使用其他构造函数创建新的对象实例时会发生什么 。
function badEmptyCheck(value) {  return Object.keys(value).length === 0;}badEmptyCheck(new String());    // true badEmptyCheck(new Number());    // true badEmptyCheck(new Boolean());   // true badEmptyCheck(new Array());     // true badEmptyCheck(new RegExp());    // true badEmptyCheck(new Function());  // true badEmptyCheck(new Date());      // true 通过检查 constructor 解决误报通过添加构造函数检查来纠正这个错误 。
function goodEmptyCheck(value) {  Object.keys(value).length === 0    && value.constructor === Object; //  constructor check}goodEmptyCheck(new String());   // false ?goodEmptyCheck(new Number());   // false ?goodEmptyCheck(new Boolean());  // false ?goodEmptyCheck(new Array());    // false ?goodEmptyCheck(new RegExp());   // false ?goodEmptyCheck(new Function()); // false ?goodEmptyCheck(new Date());     // false ?Nice，干的漂亮
对其他值进行空检查接着，我们用一些值上测试我们的方法，看看我们会得到了什么
function isEmptyObject(value) {  return Object.keys(value).length === 0 && value.constructor === Object;}到目前为止看起来不错，对于非对象它返回 false 。
isEmptyObject(100)  // falseisEmptyObject(true) // falseisEmptyObject([])   // false但是要当心！下面这些值会引发错误 。
// TypeError: Cannot covert undefined or null to objectisEmptyObject(undefined);isEmptyObject(null);改进对null和undefined的空检查如果不想让它抛出TypeError，可以添加额外的检查
function isEmptyObject(value) {  return value && Object.keys(value).length === 0 && value.constructor === Object;}B.旧版本浏览器中的空对象检查如果你需要支持较旧的浏览器怎么办？大家都知道，当说旧的浏览器时，指的是 IE，我们有2个选择，使用原生或利用库 。
使用 JavaScript 检查空对象原生的 JS 并不那么简洁，但判断用来空对象是没问题的 。
function isObjectEmpty(value) {  return (    Object.prototype.toString.call(value) === '[object Object]' && JSON.stringify(value) === '{}'  );}


推荐阅读


上一篇：.NET CORE HttpClient使用

下一篇：南朝齐的建立者是谁 南齐与北齐