ネストされた連想配列を反復する

Question

ネストされた連想配列を反復しようとしています。
すべての反復後、私はまたundefined値を取得：

testarr = []; 

testarr["key1"] = []; 
testarr["key2"] = []; 

testarr["key1"].push("val1"); 
testarr["key1"].push("val2"); 
testarr["key1"].push("val3"); 

testarr["key2"].push("val4"); 
testarr["key2"].push("val5"); 
testarr["key2"].push("val6"); 

for (var key in testarr) { 
    console.log("---" + key + "---") 
    for (var key2 in key) { 
    console.log(testarr[key][key2]) 
    } 
} 

出力：

---key1--- 
val1 
val2 
val3 
undefined 
---key2--- 
val4 
val5 
val6 
undefined 

それはどこから来るのでしょうか？

Answer 1

2番目のforループでは、 "testarr [key]"の代わりにインデックスである "key"を反復処理しています。これを行うための

for (var key in testarr) { 
    console.log("---" + key + "---") 
    for (var key2 in testarr[key]) { 
     console.log(testarr[key][key2]) 
    } 
} 

Answer 2

もう一つの方法は、プロパティが返される順序は何ではないかもしれないとして、配列を反復処理する* * FOR..INを使用することは推奨されません

Object.keys(testarr).forEach(k => {console.log("---" + k + "---"); 
Object.keys(testarr[k]).forEach(i => console.log(testarr[k][i]))});