문자열 이름을 사용하여 중첩된 JavaScript 개체 속성을 어떻게 설정할 수 있습니까?

JavaScript에서 문자열 이름을 사용하여 중첩 개체 속성 설정

JavaScript에서 개체 속성에 액세스하고 수정하는 것은 데이터 관리에 필수적입니다. 그러나 직접 키 시퀀스 대신 문자열로만 속성 이름이 제공된다면 어떻게 될까요? 이는 속성이 동적으로 생성되거나 사용자 입력으로 수신되는 시나리오에서 발생할 수 있습니다.

다음 개체를 고려하세요.

var obj = {};

속성 이름:

var propName = "foo.bar.foobar";

obj.foo.bar.foobar의 값을 설정하려면 전통적으로 다음을 사용합니다. 구문:

obj.foo.bar.foobar = "hello world";

그러나 이 접근 방식을 사용하려면 체인의 각 속성을 수동으로 탐색해야 하므로 지루하고 오류가 발생하기 쉬울 수 있으며, 특히 깊이 중첩된 속성의 경우 더욱 그렇습니다.

재귀 속성 할당 기능

이 문제를 해결하기 위해 할당이라는 재귀 함수를 구현하여 할당을 단순화할 수 있습니다. process:

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

이 함수는 객체(obj), 속성 이름(prop)을 문자열로 사용하고 속성에 할당할 값(value)을 사용합니다. 개체 계층 구조를 재귀적으로 순회하여 적절한 속성을 지정된 값으로 설정합니다.

사용

할당을 사용하여 obj.foo.bar.foobar의 값을 설정하려면 함수:

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

assign(obj, propName, "Value");

이 코드는 필요한 중첩 속성을 생성하고 값을 설정합니다. obj.foo.bar.foobar를 "값"으로 변경합니다.

재귀 속성 할당 기능을 활용하면 문자열 이름을 사용하여 JavaScript의 중첩된 개체 속성에 동적으로 액세스하고 수정할 수 있으므로 복잡한 데이터 구조에 유연하고 확장 가능한 솔루션을 제공할 수 있습니다. .

위 내용은 문자열 이름을 사용하여 중첩된 JavaScript 개체 속성을 어떻게 설정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!