如何遍歷巢狀 JavaScript 物件：遞迴與非遞迴？

巢狀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: []
    }
  ]
};

非遞歸方法

（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]);
      }
    });
  }
};

遞歸方法

對於提供深度迭代的遞歸方法

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

對於提供深度迭代的遞歸方法，我們可以利用Object.keys():

這兩種方法都提供了遍歷嵌套JavaScript 的有效方法物件。選擇非遞歸還是遞歸方法取決於您的特定要求和偏好。

以上是如何遍歷巢狀 JavaScript 物件：遞迴與非遞迴？的詳細內容。更多資訊請關注PHP中文網其他相關文章！