Wie greife ich über String-Pfade auf verschachtelte JavaScript-Objekt-/Array-Werte zu?

Zugriff auf Eigenschaften und Elemente über String-Pfade

Frage:

Wie können Sie Werte aus einem verschachtelten JavaScript-Objekt abrufen oder? Array mithilfe eines Zeichenfolgenpfads, der die Eigenschaft oder das Element angibt Namen?

Antwort:

Mit reinem JavaScript können Sie dies mit der folgenden Hilfsfunktion erreichen:

Object.byString = function (o, s) {
  s = s.replace(/\[(\w+)\]/g, "."); // convert indexes to properties
  s = s.replace(/^\./, ""); // strip a leading dot
  var a = s.split(".");
  for (var i = 0, n = a.length; i < n; ++i) {
    var k = a[i];
    if (k in o) {
      o = o[k];
    } else {
      return;
    }
  }
  return o;
};

Diese Funktion benötigt zwei Parameter : das zu navigierende Objekt oder Array und ein Zeichenfolgenpfad, der die Eigenschaften oder Elemente darstellt, zu denen navigiert werden soll abrufen.

Beispiel:

Verwenden wir die bereitgestellte Beispieldatenstruktur:

var someObject = {
  part1: {
    name: "Part 1",
    size: "20",
    qty: "50",
  },
  part2: {
    name: "Part 2",
    size: "15",
    qty: "60",
  },
  part3: [
    {
      name: "Part 3A",
      size: "10",
      qty: "20",
    },
    {
      name: "Part 3B",
      size: "5",
      qty: "20",
    },
    {
      name: "Part 3C",
      size: "7.5",
      qty: "20",
    },
  ],
};

Um auf die „name“-Eigenschaft des „part1 "-Objekt mithilfe des Zeichenfolgenpfads verwenden, würden Sie Folgendes verwenden:

var part1name = Object.byString(someObject, "part1.name");
console.log(part1name); // Output: Part 1

Ähnlich können Sie die Eigenschaft „qty“ von abrufen das „part2“-Objekt:

var part2quantity = Object.byString(someObject, "part2.qty");
console.log(part2quantity); // Output: 60

Und um auf die „name“-Eigenschaft des ersten Elements im „part3“-Array zuzugreifen:

var part3name1 = Object.byString(someObject, "part3[0].name");
console.log(part3name1); // Output: Part 3A

Hinweis: Es ist wichtig, numerischen Array-Indizes eckige Klammern („[“) voranzustellen und ihnen eckige Klammern und einen Punkt („].“ anzuhängen. Dadurch wird sichergestellt, dass die Funktion korrekt auf Array-Elemente zugreift.

Das obige ist der detaillierte Inhalt vonWie greife ich über String-Pfade auf verschachtelte JavaScript-Objekt-/Array-Werte zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!