Wie kann ich auf ein leeres JavaScript-Objekt testen?

Question

Nach einer AJAX-Anfrage kann es vorkommen, dass meine Anwendung ein leeres Objekt zurückgibt, z. B.:

var a = {};

Wie kann ich überprüfen, ob das der Fall ist?

Answer 1

ECMA 5+ :

// because Object.keys(new Date()).length === 0;
// we have to do some additional check
obj //  null and undefined check
&& Object.keys(obj).length === 0
&& Object.getPrototypeOf(obj) === Object.prototype

Beachten Sie jedoch, dass dies ein unnötiges Array erzeugt (der Rückgabewert von keys ).

Vor-ECMA 5:

function isEmpty(obj) {
  for(var prop in obj) {
    if(Object.prototype.hasOwnProperty.call(obj, prop)) {
      return false;
    }
  }

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

jQuery :

jQuery.isEmptyObject({}); // true

lodash :

_.isEmpty({}); // true

Unterstrich :

_.isEmpty({}); // true

Hoek

Hoek.deepEqual({}, {}); // true

ExtJS

Ext.Object.isEmpty({}); // true

AngularJS (Version 1)

angular.equals({}, {}); // true

Ramda

R.isEmpty({}); // true

Answer 2

Si ECMAScript 5-Unterstützung verfügbar ist, können Sie Object.keys() :

function isEmpty(obj) {
    return Object.keys(obj).length === 0;
}

Für ES3 und ältere Versionen gibt es keine einfache Möglichkeit, dies zu tun. Sie müssen explizit eine Schleife über die Eigenschaften ziehen:

function isEmpty(obj) {
    for(var prop in obj) {
        if(obj.hasOwnProperty(prop))
            return false;
    }

    return true;
}

Answer 3

Für diejenigen unter Ihnen, die das gleiche Problem haben, aber jQuery verwenden, können Sie jQuery.isEmptyObject .

Answer 4

Leistung

Heute, 2020.01.17, habe ich Tests auf macOS High Sierra 10.13.6 mit Chrome v79.0, Safari v13.0.4 und Firefox v72.0 durchgeführt; für die gewählten Lösungen.

Schlussfolgerungen

• Lösungen auf der Grundlage von for-in (A, J, L, M) sind am schnellsten
• Lösungen auf der Grundlage von JSON.stringify (B, K) sind langsam
• Überraschenderweise ist die Lösung, die auf Object (N) ist ebenfalls langsam

Detalles

Im folgenden Ausschnitt sind 15 Lösungen dargestellt. Wenn Sie einen Leistungstest auf Ihrem Rechner durchführen möchten, klicken Sie auf HIER . Dieser Link wurde 2021.07.08 aktualisiert, aber die Tests wurden ursprünglich durchgeführt ici - und die Ergebnisse in der obigen Tabelle stammen von dort (aber jetzt sieht es so aus, als ob dieser Dienst nicht mehr funktioniert).

var log = (s, f) => console.log(`${s} --> {}:${f({})}  {k:2}:${f({ k: 2 })}`);

function A(obj) {
  for (var i in obj) return false;
  return true;
}

function B(obj) {
  return JSON.stringify(obj) === "{}";
}

function C(obj) {
  return Object.keys(obj).length === 0;
}

function D(obj) {
  return Object.entries(obj).length === 0;
}

function E(obj) {
  return Object.getOwnPropertyNames(obj).length === 0;
}

function F(obj) {
  return Object.keys(obj).length === 0 && obj.constructor === Object;
}

function G(obj) {
  return typeof obj === "undefined" || !Boolean(Object.keys(obj)[0]);
}

function H(obj) {
  return Object.entries(obj).length === 0 && obj.constructor === Object;
}

function I(obj) {
  return Object.values(obj).every((val) => typeof val === "undefined");
}

function J(obj) {
  for (const key in obj) {
    if (hasOwnProperty.call(obj, key)) {
      return false;
    }
  }
  return true;
}

function K(obj) {
  for (var prop in obj) {
    if (obj.hasOwnProperty(prop)) {
      return false;
    }
  }
  return JSON.stringify(obj) === JSON.stringify({});
}

function L(obj) {
  for (var prop in obj) {
    if (obj.hasOwnProperty(prop)) return false;
  }
  return true;
}

function M(obj) {
  for (var k in obj) {
    if (obj.hasOwnProperty(k)) {
      return false;
    }
  }
  return true;
}

function N(obj) {
  return (
    Object.getOwnPropertyNames(obj).length === 0 &&
    Object.getOwnPropertySymbols(obj).length === 0 &&
    Object.getPrototypeOf(obj) === Object.prototype
  );
}

function O(obj) {
  return !(Object.getOwnPropertyNames !== undefined
    ? Object.getOwnPropertyNames(obj).length !== 0
    : (function () {
        for (var key in obj) break;
        return key !== null && key !== undefined;
      })());
}

log("A", A);
log("B", B);
log("C", C);
log("D", D);
log("E", E);
log("F", F);
log("G", G);
log("H", H);
log("I", I);
log("J", J);
log("K", K);
log("L", L);
log("M", M);
log("N", N);
log("O", O);

Answer 5

Sie können verwenden Underscore.js .

_.isEmpty({}); // true