중첩된 JavaScript 객체를 통한 반복

중첩된 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: []
    }
  ]
};

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

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');

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