Bagaimanakah Saya Boleh Menetapkan Nilai Harta Bersarang secara Dinamik dalam Objek JavaScript Menggunakan Laluan Rentetan?

Tetapan Harta Dinamik dalam Objek JavaScript

Andaikan kami diberi objek obj dan nama sifat yang disimpan sebagai rentetan propName, di mana propName boleh mewakili sifat bersarang, seperti sebagai "foo.bar.foobar."

Masalah: Bagaimanakah kita boleh menetapkan nilai obj.foo.bar.foobar secara dinamik menggunakan propName sebagai laluan?

Penyelesaian: Kita boleh menggunakan fungsi serahkan di bawah untuk menetapkan nilai harta secara dinamik:

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;
}

Penggunaan:

// 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"

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menetapkan Nilai Harta Bersarang secara Dinamik dalam Objek JavaScript Menggunakan Laluan Rentetan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!