>웹 프론트엔드 >JS 튜토리얼 >중첩된 JavaScript 개체에서 특정 개체를 효율적으로 찾는 방법은 무엇입니까?

중첩된 JavaScript 개체에서 특정 개체를 효율적으로 찾는 방법은 무엇입니까?

Susan Sarandon
Susan Sarandon원래의
2024-11-03 02:48:03766검색

How to Efficiently Find a Specific Object in Nested JavaScript Objects?

중첩된 JavaScript 객체를 통한 반복

중첩된 JavaScript 객체를 통한 반복은 어려울 수 있으며, 특히 속성을 기반으로 특정 객체를 검색해야 하는 경우 더욱 그렇습니다. 값. 다음 예를 고려해 보겠습니다.

<code class="javascript">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: []
    }
  ]
};</code>

"Ford" 브랜드에 대한 개체를 검색하려면 재귀적 접근 방식을 사용할 수 있습니다.

<code class="javascript">const iterate = (obj, identifier) => {
  for (let key in obj) {
    if (obj[key]['label'] === identifier) {
      return obj[key];
    }
    if (typeof obj[key] === 'object' && obj[key] !== null) {
      const result = iterate(obj[key], identifier);
      if (result) {
        return result;
      }
    }
  }
  return null;
};

const fordObject = iterate(cars, 'Ford');</code>

이 예에서 iterate 함수는 검색할 개체와 식별자 문자열이라는 두 가지 매개 변수를 사용합니다. 객체의 속성을 반복하여 레이블 속성이 식별자와 일치하는지 확인합니다. 그렇지 않은 경우 해당 속성이 다른 개체인지 확인하고 반복을 계속합니다. 일치하는 개체가 없으면 null을 반환합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.