문자열 경로를 사용하여 JavaScript 개체의 중첩 속성 값을 동적으로 설정하려면 어떻게 해야 합니까?

JavaScript 객체의 동적 속성 설정

객체 obj와 문자열 propName으로 저장된 속성 이름이 있다고 가정합니다. 여기서 propName은 다음과 같은 중첩 속성을 나타낼 수 있습니다. "foo.bar.foobar."로

문제: propName을 경로로 사용하여 obj.foo.bar.foobar의 값을 어떻게 동적으로 설정할 수 있습니까?

해결책: 아래 할당 함수를 사용하여 속성 값을 동적으로 설정할 수 있습니다.

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

사용법:

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

위 내용은 문자열 경로를 사용하여 JavaScript 개체의 중첩 속성 값을 동적으로 설정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!