레이블을 기준으로 중첩된 JavaScript 개체 내에서 특정 개체를 찾는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-11-03 21:13:29
원래의
379명이 탐색했습니다.

How to Find a Specific Object within  a Nested JavaScript Object by Label?

중첩된 JavaScript 개체 반복: 레이블로 개체 식별

중첩된 JavaScript 개체를 순회하고 특정 레이블이 있는 개체를 찾으려면 다음 단계를 따르세요.

재귀를 사용한 구현

중첩 객체를 재귀적으로 반복하려면:

const iterate = (obj) => {
    Object.keys(obj).forEach(key => {
        console.log(`key: ${key}, value: ${obj[key]}`)

        if (typeof obj[key] === 'object' && obj[key] !== null) {
            iterate(obj[key])
        }
    })
}
iterate(obj); // obj is the main object to be traversed
로그인 후 복사

비재귀적 접근 방식을 사용한 구현(2023 업데이트)

비재귀적 접근 방식의 경우 :

const iterate = (obj) => {
    const stack = [obj];
    while (stack?.length > 0) {
        const currentObj = stack.pop();
        Object.keys(currentObj).forEach(key => {
            console.log(`key: ${key}, value: ${currentObj[key]}`);
            if (typeof currentObj[key] === 'object' && currentObj[key] !== null) {
                stack.push(currentObj[key]);
            }
        });
    }
};
로그인 후 복사

객체 예시

다음 중첩 객체를 고려하세요.

var cars = {
    label: 'Autos',
    subs: [
        {
            label: 'SUVs',
            subs: []
        },
        {
            label: 'Trucks',
            subs: [
                {
                    label: '2 Wheel Drive',
                    subs: []
                },
                {
                    label: '4 Wheel Drive',
                    subs: [
                        {
                            label: 'Ford',
                            subs: []
                        },
                        {
                            label: 'Chevrolet',
                            subs: []
                        }
                    ]
                }
            ]
        },
        {
            label: 'Sedan',
            subs: []
        }
    ]
};
로그인 후 복사

식별자 사용

레이블이 "인 객체를 검색하려면 4 Wheel Drive"를 재귀 접근 방식으로 호출:

iterate(cars);
로그인 후 복사
로그인 후 복사

비재귀 접근 방식을 사용하여 동일한 객체를 검색하려면 다음을 호출:

iterate(cars);
로그인 후 복사
로그인 후 복사

이렇게 하면 모든 키가 기록됩니다. 원하는 객체를 포함하여 중첩된 객체의 값 쌍.

위 내용은 레이블을 기준으로 중첩된 JavaScript 개체 내에서 특정 개체를 찾는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿