Heim > Web-Frontend > js-Tutorial > Wie kann ich verschachtelte Eigenschaftswerte in JavaScript-Objekten mithilfe eines Zeichenfolgenpfads dynamisch festlegen?

Wie kann ich verschachtelte Eigenschaftswerte in JavaScript-Objekten mithilfe eines Zeichenfolgenpfads dynamisch festlegen?

DDD
Freigeben: 2024-12-09 16:55:11
Original
871 Leute haben es durchsucht

How Can I Dynamically Set Nested Property Values in JavaScript Objects Using a String Path?

Dynamische Eigenschaftseinstellung in JavaScript-Objekten

Angenommen, wir erhalten ein Objekt obj und einen Eigenschaftsnamen, der als Zeichenfolge propName gespeichert ist, wobei propName verschachtelte Eigenschaften darstellen kann, z als „foo.bar.foobar.“

Problem: Wie können wir den Wert dynamisch festlegen? von obj.foo.bar.foobar mit propName als Pfad?

Lösung: Wir können die Zuweisungsfunktion unten verwenden, um den Eigenschaftswert dynamisch festzulegen:

function assign(obj, prop, value) {
    // Convert the string property name into an array of nested levels
    if (typeof prop === "string")
        prop = prop.split(".");

    // Check if the current level is the last (length == 1) or nested
    if (prop.length > 1) {
        // Shift the first level of nesting (e.g., "foo")
        var e = prop.shift();
        // Recursively call `assign` on the child object (e.g., obj.foo)
        assign(obj[e] =
                 Object.prototype.toString.call(obj[e]) === "[object Object]"
                 ? obj[e]
                 : {},
               prop,
               value);
    } else
        // For the last level, set the value directly
        obj[prop[0]] = value;
}
Nach dem Login kopieren

Verwendung:

// Object to modify
var obj = {};
// String representing the nested property path
var propName = "foo.bar.foobar";
// Value to set
var newValue = "hello world";

// Call the `assign` function to dynamically set the property value
assign(obj, propName, newValue);

// Check the updated value (for debugging purposes)
console.log(obj.foo.bar.foobar); // Output: "hello world"
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich verschachtelte Eigenschaftswerte in JavaScript-Objekten mithilfe eines Zeichenfolgenpfads dynamisch festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage