JavaScript에서 계층적 속성 목록을 재귀적으로 만드는 방법은 무엇입니까?

재귀를 사용하여 계층적 속성 목록 작성

복잡하게 중첩된 개체를 반복하여 계층적 속성 목록을 구성하는 것은 JavaScript에서 일반적인 작업입니다. 잠재적으로 복잡한 구조를 가진 객체가 있는 경우 목표는 객체의 구조를 반영하는 속성 키 목록을 생성하는 것입니다.

이 문제를 해결하기 위해 객체를 순회하는 재귀 함수를 활용할 수 있습니다. 다음은 제공된 함수의 개선된 버전입니다.

function iterate(obj, stack) {
    for (var property in obj) {
        if (obj.hasOwnProperty(property)) {
            if (typeof obj[property] == "object") {
                iterate(obj[property], stack + '.' + property);
            } else {
                console.log(property + "   " + obj[property]);
                $('#output').append($("<div>").text(stack + '.' + property));
            }
        }
    }
}

이 함수에서는 객체 내의 현재 경로를 나타내는 'stack'이라는 문자열을 유지 관리합니다. 하위 개체를 만나면 해당 속성을 스택에 추가하고 재귀를 계속합니다. 기본 속성의 경우 시각화를 위해 해당 경로를 기록하고 div에 추가합니다.

원래 객체와 빈 초기 스택으로 '반복' 함수를 호출하여 속성 키의 원하는 계층적 목록을 재귀적으로 구축할 수 있습니다. .

위 내용은 JavaScript에서 계층적 속성 목록을 재귀적으로 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!