Wie überprüft man, ob ein Objekt in JavaScript leer ist

  2. How-To's
  3. JavaScript-Anleitungen
  4. Wie überprüft man, ob ein Objekt in …
Rupam Yadav 12 Oktober 2023
JavaScript JavaScript Object
  1. Verwenden Sie hasOwnProperty(), um zu prüfen, ob ein Objekt in JavaScript leer ist
  2. Verwenden Sie Object.key(), um zu prüfen, ob ein Objekt in JavaScript leer ist
  3. Verwenden Sie die Underscore.js-Bibliothek, um zu prüfen, ob ein Objekt in JavaScript leer ist
Wie überprüft man, ob ein Objekt in JavaScript leer ist

Objekte spielen eine wichtige Rolle in JavaScript, da sie es uns ermöglichen, Daten zu strukturieren, zu pflegen und zu übertragen; es gibt jedoch Zeiten, in denen die Objekte, die wir erhalten, leer sind. In diesem Artikel zeigen wir einige Methoden, wie Sie in JavaScript prüfen können, ob ein Objekt leer ist.

Verwenden Sie hasOwnProperty(), um zu prüfen, ob ein Objekt in JavaScript leer ist

Wir können prüfen, ob die angegebene Eigenschaft im Objekt vorhanden ist oder nicht. Im untenstehenden Beispiel prüfen wir zwei Objekte auf das Vorhandensein der Eigenschaft prop. Die Funktion isObjEmpty() gibt den Befehl boolean zurück, wenn das Objekt leer ist.

Diese Funktion gibt False zurück, wenn die angegebene Eigenschaft vorhanden ist; andernfalls gibt sie True zurück. Beachten Sie, dass diese Methode nur nützlich ist, wenn es keine Unterstützung für ECMAScript 5 gibt; überprüfen Sie den folgenden Prozess, wenn ECMAScript 5 verfügbar ist:

const obj1 = {
  one: 1,
  two: 2,
  three: 3
};
const obj2 = {};

console.log('Is Object 1 Empty? : ', isObjEmpty(obj1));
console.log('Is Object 2 Empty? : ', isObjEmpty(obj2));

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

  return true;
}

Ausgabe:

Is Object 1 Empty? :  false
Is Object 2 Empty? :  true

Verwenden Sie Object.key(), um zu prüfen, ob ein Objekt in JavaScript leer ist

Im vorigen Beispiel haben wir gesehen, wie wir prüfen können, ob das Objekt in JavaScript leer ist; allerdings treten unterschiedliche Ergebnisse auf, wenn wir die Unterstützung für ECMAScript 5 haben.

In diesem Beispiel werden wir den Befehl Object.keys() verwenden, um zu prüfen, ob das Objekt irgendwelche Schlüssel hat. Wenn die Länge der Schlüssel gleich Null ist, dann ist es leer; andernfalls ist es nicht leer.

const obj1 = {
  one: 1,
  two: 2,
  three: 3
};
const obj2 = {};

console.log('Is Object 1 Empty? : ', isObjEmpty(obj1));
console.log('Is Object 2 Empty? : ', isObjEmpty(obj2));

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

Ausgabe:

Is Object 1 Empty? :  false
Is Object 2 Empty? :  true

Verwenden Sie die Underscore.js-Bibliothek, um zu prüfen, ob ein Objekt in JavaScript leer ist

Eine andere einfache Möglichkeit, zu überprüfen, ob in einem Objekt keine Daten vorhanden sind, ist die Verwendung der Undescore.js-Bibliothek; es handelt sich dabei um eine JavaScript-Bibliothek, die mehrere hilfreiche Methoden hat. Eine der Methoden ist _.isEmpty(), die true zurückgibt, wenn das Objekt leer ist.

Wir können die Bibliothek einbinden, indem wir ihre URL im <script>-Tag angeben. Zusätzlich können wir einen Unterstrich verwenden, um auf ihre Funktionen zuzugreifen, wie der Name schon sagt.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Empty Object Example</title>

    <script src="https://cdn.jsdelivr.net/npm/underscore@1.11.0/underscore-min.js"></script>
  </head>
  <body>
    <script>
      const obj1 = { one: 1, two: 2, three: 3 };
      const obj2 = {};

      console.log("Is Obj1 Empty? : ", _.isEmpty(obj1));
      console.log("Is Obj2 Empty? : ", _.isEmpty(obj2));
    </script>
  </body>
</html>

Ausgabe:

Is Obj1 Empty? :  false
Is Obj2 Empty? :  true
Autor: Rupam Yadav
Rupam Yadav avatar Rupam Yadav avatar

Rupam Saini is an android developer, who also works sometimes as a web developer., He likes to read books and write about various things.

LinkedIn

Verwandter Artikel - JavaScript Object