遍歷JavaScript的一個樹對象

Question

我試圖走throught這棵樹，並打印所有的「元素」的對象，但它不是我

var config = { 
"tree": { 
    "element": { 
     "name": "pd", 
     "children": { 
      "element": { 
       "name": "pd2", 
       "children": {} 
      }, 
      "element": { 
       "name": "pd3", 
       "children": { 
        "element": { 
         "name": "pd6", 
         "children": {} 
        }, 
        "element": { 
         "name": "pd5", 
         "children": { 
          "element": { 
           "name": "pd7", 
           "children": { 
            "element": { 
             "name": "pd8", 
             "children": {} 
            } 
           } 
          } 
         } 
        } 
       } 
      }, 
      "element": { 
       "name": "pd4", 
       "children": {} 
      } 
     } 
    } 
} 

}

工作，但它只能打印兩個對象多次
這裏是我的代碼

function parseConfig(configs){ 
    for(var element in configs){ 
     if (typeof(configs[element])=="object") { 
      console.log(configs[element]); 
      parseConfig(configs[element]); 
     } 
     } 
    } 

這裏是jsfiddle

代碼

Answer 1

所以剛剛從你的jsfiddle頁面運行JSLint的，我發現了一些東西：

1. 對象有數字鍵和值的，但你會如何不同的價值觀之間的區別，如果他們有相同的鍵？換句話說，不能有多個具有相同名稱的鍵，所以具有多個「元素」鍵的嵌套對象將無效。

2. 我不認爲你可以在for循環中聲明元素，請嘗試提前聲明它：

   var element; for（element in configs）{

3. 如果你真的希望這段代碼在這個jsfiddle中做些什麼，你將不得不把它放在一個onLoad函數中。如果您只是使用jsfiddle向我們展示您的代碼，那麼我希望您實際上可以在任何地方使用它。

我計算出你的鑰匙和固定＃2 here。或看到它下面這裏：

var config = { 
    "tree": { 
     "element": { 
      "name": "pd", 
      "children": { 
       "element1": { 
        "name": "pd2", 
        "children": {} 
       }, 
       "element2": { 
        "name": "pd3", 
        "children": { 
         "element1": { 
          "name": "pd6", 
          "children": {} 
         }, 
         "element2": { 
          "name": "pd5", 
          "children": { 
           "element": { 
            "name": "pd7", 
            "children": { 
             "element": { 
              "name": "pd8", 
              "children": {} 
             } 
            } 
           } 
          } 
         } 
        } 
       }, 
       "element3": { 
        "name": "pd4", 
        "children": {} 
       } 
      }, 
      "element": { 
       "name": "pd4", 
       "children": {} 
      } 
     } 
    } 
}; 

function parseConfig(configs) { 
    var element; 
    for (element in configs) { 
     if (typeof(configs[element]) == "object") { 
      console.log(configs[element]); 
      parseConfig(configs[element]); 
     } 
    } 
} 
parseConfig(config);​ 

的另一種方法具有多個「元素」鍵，將有一個「元素」數組，它包含的元素的列表。