문자열 이름을 사용하여 중첩된 JavaScript 개체 속성을 동적으로 설정하는 방법은 무엇입니까?

JavaScript에서 문자열 이름을 사용하여 동적으로 개체 속성 설정

복잡한 중첩 구조를 가진 개체가 있는 경우 특정 속성을 설정하는 것이 바람직할 수 있습니다. 개체 계층 구조 내 깊은 곳에 있는 속성입니다. 그러나 속성 이름을 문자열로만 사용할 수 있는 경우 기존 할당 기술은 비효율적입니다.

이 문제를 해결하기 위해 할당() 함수는 객체 속성을 순회하고 설정하는 재귀적 접근 방식을 보여줍니다.

function assign(obj, prop, value) {
    if (typeof prop === "string")
        prop = prop.split(".");

    if (prop.length > 1) {
        var e = prop.shift();
        assign(obj[e] =
                 Object.prototype.toString.call(obj[e]) === "[object Object]"
                 ? obj[e]
                 : {},
               prop,
               value);
    } else
        obj[prop[0]] = value;
}

var obj = {},
    propName = "foo.bar.foobar";

assign(obj, propName, "Value");

이 기능을 사용하면 속성 이름이 속성 이름으로만 사용 가능한 경우에도 obj.foo.bar.foobar 속성을 원하는 값으로 동적으로 설정할 수 있습니다. 문자열입니다.

위 내용은 문자열 이름을 사용하여 중첩된 JavaScript 개체 속성을 동적으로 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!