Objekt innerhalb eines Objekts in JavaScript

1. Verschachtelte Objekte in JavaScript erstellen
2. Mehrfachverschachtelung in Javascript

In diesem Tutorial-Artikel wird erklärt, wie wir in JavaScript mehrere Objekte in einem anderen Objekt erstellen können.

Ein JavaScript-Objekt ist eine Sammlung von Schlüssel-Wert-Paaren, und verschachtelte Objekte sind Objekte, die andere Objekte als ihre Eigenschaft enthalten. Das Verschachteln ist eine weit verbreitete Praxis in der Programmierung, da es dem Code erweiterte Details verleiht.

Jedes Objekt hat seine eigenen Eigenschaften oder Schlüssel, die verwendet werden, um die Details des Objekts zu speichern. Ein Komma trennt jede Eigenschaft oder jeden Schlüssel.

Sehen wir uns an, wie wir ein Objekt und Eigenschaften in Javascript erstellen.

const layer0 = {
  layer1Item1: 'Layer 1 Item 1 Text',
  layer1Item2: 'Layer 1 Item 2 text',
  layer1Item3: 'Layer 1 Item 3 Text',
  layer1Item4: 'Layer 1 Item 4 text'
}

Hier, wenn Sie sehen können, ist const layer0 der Name des Objekts. So erstellen wir ein Objekt in Javascript. Wie Sie sehen können, sind nun innerhalb des Objekts layer1Item1, layer1Item2, layer1Item3 und layer1Item4 die Eigenschaften des Objekts. Diese Eigenschaften müssen eindeutig sein und die Unterscheidungsmerkmale, die ein Objekt von einem anderen unterscheiden.

Wenn Sie nun ein Objekt innerhalb eines anderen Objekts erstellen möchten, wird das innere Objekt als Eigenschaft des äußeren erstellt, und auf dieses innere Objekt kann nur über das äußere Objekt zugegriffen werden.

Verschachtelte Objekte in JavaScript erstellen

const layer0 = {

  layer1Item1: 'Layer 1 Item 1 Text',
  layer1Item2: {
    layer2Item1: 'Layer 2 Item 2 Text',
    layer2Item2: false

  }
};

In diesem Beispiel ist layer1Item2 ein neues Objekt innerhalb eines anderen Objekts. layer1Item1 ist jedoch eine Eigenschaft des Objekts und layer1Item2 ist ein Objekt. Beide sehen ähnlich aus, da das neu erstellte Objekt auch als Eigenschaft des äußeren Objekts layer0 angelegt wird.

Wenn Sie nun auf das innere Objekt zugreifen möchten, schreiben Sie den Namen des äußeren Objekts und nach einem Punkt den Namen des inneren Objekts.

layer0.layer1Item2

Und wenn Sie auf eine Eigenschaft innerhalb des inneren Objekts zugreifen möchten, lautet der Code:

layer0.layer1Item2.layer2Item1

Mehrfachverschachtelung in Javascript

Es gibt keine Beschränkung der Verschachtelung in Javascript. Sie können n Hierarchien erstellen. Der Zugriff auf die Objekte wäre für den Zugriff auf die inneren die gleiche, wie im vorherigen Beispiel besprochen.

const layer0 = {

  layer1Item1: 'Layer 1 Item 1 Text',
  layer1Item2: {
    layer2Item1: 'Layer 2 Item 2 Text',
    layer2Item2: false,
    layer2Item3: {layer3Item1: 'Layer 3 Item 2 Text'}
  }
};

In diesem Beispiel werden 3 Objekte erstellt, layer0, layer1 und layer2. Das Objekt layer2 befindet sich innerhalb von layer1 und layer1 befindet sich innerhalb von layer0. In diesem Beispiel gibt es 3 Ebenen oder Hierarchien. Nun wird layer2 als Eigenschaft von layer1 geschrieben.

Um auf die Eigenschaften von layer2 zuzugreifen, schreiben wir den folgenden Code.

layer0.layer1Item2.layer2Item1.layer3Item1

Um nun einem Objekt im folgenden Code eine neue Eigenschaft hinzuzufügen:

let layer0 = {
  layer1Item1: 'Layer 1 Item 1 Text',
  layer1Item2: 'Layer 1 Item 2 text',
  layer1Item3: 'Layer 1 Item 3 Text',
  layer1Item4: 'Layer 1 Item 4 text'
}

Wir werden einfach den Objektnamen mit der Objekteigenschaft mit einem Punkt anhängen und ihm einen Wert wie unten zuweisen:

layer0.layer1Item5 = 'New Item created';

Das resultierende Objekt sieht nun wie folgt aus:

{
  layer1Item1: 'Layer 1 Item 1 Text', layer1Item2: 'Layer 1 Item 2 text',
      layer1Item3: 'Layer 1 Item 3 Text', layer1Item4: 'Layer 1 Item 4 text',
      layer1Item5: 'New Item Created'
}

Wenn Sie eine Eigenschaft aus dem Objekt löschen möchten, ist dies einfach zu verstehen. Wir verwenden das Schlüsselwort delete neben dem Objektnamen, der mit der Objekteigenschaft verbunden ist, getrennt durch einen Punkt, den Sie löschen möchten. Schauen Sie sich das folgende Beispiel an:

Nehmen wir an, wir haben das folgende Objekt.

let layer0 = {
  layer1Item1: 'Layer 1 Item 1 Text',
  layer1Item2: 'Layer 1 Item 2 text',
  layer1Item3: 'Layer 1 Item 3 Text',
  layer1Item4: 'Layer 1 Item 4 text'
}

Und wir möchten die Eigenschaft layer1Item4 löschen; Wir werden den folgenden Code schreiben.

delete layer0.layer1Item4;

Jetzt sieht das Objekt wie folgt aus.

{
  layer1Item1: 'Layer 1 Item 1 Text', layer1Item2: 'Layer 1 Item 2 text',
      layer1Item3: 'Layer 1 Item 3 Text',
}