Ist das Objekt leer?

Question

Wie kann man am schnellsten prüfen, ob ein Objekt leer ist oder nicht?

Gibt es einen schnelleren und besseren Weg als diesen?

function count_obj(obj){
    var i = 0;
    for(var key in obj){
        ++i;
    }

    return i;
}

Answer 1

Für ECMAScript5 (das allerdings noch nicht von allen Browsern unterstützt wird), können Sie verwenden:

Object.keys(obj).length === 0

Answer 2

Ich gehe davon aus, dass durch leer Sie meinen "hat keine eigenen Eigenschaften".

// Speed up calls to hasOwnProperty
var hasOwnProperty = Object.prototype.hasOwnProperty;

function isEmpty(obj) {

    // null and undefined are "empty"
    if (obj == null) return true;

    // Assume if it has a length property with a non-zero value
    // that that property is correct.
    if (obj.length > 0)    return false;
    if (obj.length === 0)  return true;

    // If it isn't an object at this point
    // it is empty, but it can't be anything *but* empty
    // Is it empty?  Depends on your application.
    if (typeof obj !== "object") return true;

    // Otherwise, does it have any properties of its own?
    // Note that this doesn't handle
    // toString and valueOf enumeration bugs in IE < 9
    for (var key in obj) {
        if (hasOwnProperty.call(obj, key)) return false;
    }

    return true;
}

Beispiele:

isEmpty(""), // true
isEmpty(33), // true (arguably could be a TypeError)
isEmpty([]), // true
isEmpty({}), // true
isEmpty({length: 0, custom_property: []}), // true

isEmpty("Hello"), // false
isEmpty([1,2,3]), // false
isEmpty({test: 1}), // false
isEmpty({length: 3, custom_property: [1,2,3]}) // false

Wenn Sie nur Folgendes bearbeiten müssen ECMAScript5-Browser können Sie verwenden Object.getOwnPropertyNames anstelle der hasOwnProperty Schleife:

if (Object.getOwnPropertyNames(obj).length > 0) return false;

Dadurch wird sichergestellt, dass selbst wenn das Objekt nur nicht aufzählbare Eigenschaften hat isEmpty erhalten Sie trotzdem die richtigen Ergebnisse.

Answer 3

EDIT : Beachten Sie, dass Sie wahrscheinlich ES5-Lösung stattdessen, da die ES5-Unterstützung weit verbreitet in diesen Tagen. Es funktioniert immer noch für jQuery aber.

---

Ein einfacher und browserübergreifender Weg ist die Verwendung von jQuery.isEmptyObject :

if ($.isEmptyObject(obj))
{
    // do something
}

Mehr: http://api.jquery.com/jQuery.isEmptyObject/

Sie benötigen jedoch Jquery.

Answer 4

Unterstrich y lodash haben jeweils eine praktische isEmpty() Funktion, wenn es Ihnen nichts ausmacht, eine zusätzliche Bibliothek hinzuzufügen.

_.isEmpty({});

Answer 5

Lassen Sie uns dieses Baby zu Bett; getestet unter Node, Chrome, Firefox und IE 9, wird es offensichtlich, dass für die meisten Anwendungsfälle:

• (für...in...) ist die schnellste Option, die Sie verwenden können!
• Object.keys(obj).length ist bei leeren Objekten 10 Mal langsamer
• JSON.stringify(obj).length ist immer am langsamsten (nicht überraschend)
• Object.getOwnPropertyNames(obj).length dauert länger als Object.keys(obj).length kann auf manchen Systemen viel länger sein.

Unterm Strich Leistung, verwenden:

function isEmpty(obj) { 
   for (var x in obj) { return false; }
   return true;
}

o

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

Ergebnisse unter Node:

• erstes Ergebnis: return (Object.keys(obj).length === 0)
• zweites Ergebnis: for (var x in obj) { return false; }...
• drittes Ergebnis: for (var x in obj) { if (obj.hasOwnProperty(x)) return false; }...
• viertes Ergebnis: return ('{}' === JSON.stringify(obj))

Prüfung auf Objekt mit 0 Schlüsseln 0.00018 0.000015 0.000015 0.000324

Prüfung auf Objekt mit 1 Schlüssel 0.000346 0.000458 0.000577 0.000657

Prüfung auf Objekt mit 2 Schlüsseln 0.000375 0.00046 0.000565 0.000773

Prüfung auf Objekt mit 3 Schlüsseln 0.000406 0.000476 0.000577 0.000904

Prüfung auf Objekt mit 4 Tasten 0.000435 0.000487 0.000589 0.001031

Prüfung auf Objekt mit 5 Schlüsseln 0.000465 0.000501 0.000604 0.001148

Prüfung auf Objekt mit 6 Tasten 0.000492 0.000511 0.000618 0.001269

Prüfung auf Objekt mit 7 Tasten 0.000528 0.000527 0.000637 0.00138

Prüfung auf Objekt mit 8 Tasten 0.000565 0.000538 0.000647 0.00159

Prüfung auf Objekt mit 100 Schlüsseln 0.003718 0.00243 0.002535 0.01381

Testen auf Objekt mit 1000 Schlüsseln 0.0337 0.0193 0.0194 0.1337

Wenn Ihr typischer Anwendungsfall ein nicht leeres Objekt mit wenigen Schlüsseln testet und Sie selten leere Objekte oder Objekte mit 10 oder mehr Schlüsseln testen, sollten Sie die Option Object.keys(obj).length in Betracht ziehen. - Andernfalls sollten Sie die allgemeinere (for... in...) Implementierung verwenden.

Beachten Sie, dass Firefox scheinen eine schnellere Unterstützung für Object.keys(obj).length und Object.getOwnPropertyNames(obj).length, so dass es eine bessere Wahl für jede nicht leere Objekt, aber immer noch, wenn es darum geht, leere Objekte, die (for...in...) ist einfach 10 mal schneller.

Meine 2 Cents ist, dass Object.keys(obj).length eine schlechte Idee ist, da es ein Objekt von Schlüsseln erstellt, nur um zu zählen, wie viele Schlüssel darin sind, dann zerstört es! Um dieses Objekt zu erstellen, muss er die Schlüssel in einer Schleife durchlaufen... warum also diese und nicht die Option (for... in...) verwenden :)

var a = {};

function timeit(func,count) {
   if (!count) count = 100000;
   var start = Date.now();
   for (i=0;i<count;i++) func();
   var end = Date.now();
   var duration = end - start;
   console.log(duration/count)
}

function isEmpty1() {
    return (Object.keys(a).length === 0)
}
function isEmpty2() {
    for (x in a) { return false; }
    return true;
}
function isEmpty3() {
    for (x in a) { if (a.hasOwnProperty(x))  return false; }
    return true;
}
function isEmpty4() {
    return ('{}' === JSON.stringify(a))
}

for (var j=0;j<10;j++) {
   a = {}
   for (var i=0;i<j;i++) a[i] = i;
   console.log('Testing for Object with '+Object.keys(a).length+' keys')
   timeit(isEmpty1);
   timeit(isEmpty2);
   timeit(isEmpty3);
   timeit(isEmpty4);
}

a = {}
for (var i=0;i<100;i++) a[i] = i;
console.log('Testing for Object with '+Object.keys(a).length+' keys')
timeit(isEmpty1);
timeit(isEmpty2);
timeit(isEmpty3);
timeit(isEmpty4, 10000);

a = {}
for (var i=0;i<1000;i++) a[i] = i;
console.log('Testing for Object with '+Object.keys(a).length+' keys')
timeit(isEmpty1,10000);
timeit(isEmpty2,10000);
timeit(isEmpty3,10000);
timeit(isEmpty4,10000);