循环嵌套对象

Question

找到了这个主题的几个线程，但无法解决我的问题。

我有一个像这样的对象：

 allItems: {
            item1: {
                val1: 4,
                val2: 'blaharb'
                   },
            itemxyz2: {
                val1: 76,
                val2: 'blurb'
                   }
           }

现在我只想列出一个类似的列表

item1 对于 val1 有 4，对于 val2 有 blaharb
itemxyz2 对于 val1 有 76，对于 val2 有 blurb

到目前为止我的尝试：

console.log(allItems.item1.val1); // prints correctly '4' in the console

$.each(allItems, function(key, value) {
 console.log(key); // gives me correct key (like 'item1')
 console.log(allItems.item1.val1);// error: "undefined is not an object" - but why?!
console.log(allItems.key.val1); // same error, understandable ...
});

非常感谢帮助，谢谢！

Answer 1

您可以使用数组语法访问您的对象属性：

$.each(allItems, function(key, value) {
  console.log(allItems[key]["val1"]);
  console.log(allItems[key]["val2"]);
});

例子：

var allItems = {
  item1: {
    val1: 4,
    val2: 'blaharb'
  },
  itemxyz2: {
    val1: 76,
    val2: 'blurb'
  }
};


$.each(allItems, function(key, value) {
  console.log(allItems[key]["val1"]);
  console.log(allItems[key]["val2"]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

您需要使用“值”选项。

喜欢：

  $.each(allItems, function(key, value) {
            console.log(key, value.val1);
            console.log(key, value.val2);
  });