javascript - Angular 2使用动态键从json数组中获取键和值

Question

我想使用动态键从 json 数组中获取键和值。意思是，我事先不知道 key 是什么。

这是函数获取的 json 示例:

arr = [
       {key1: 'val1'},
       {key2: 'val2'},
       {key3: 'val3'}
      ];

这对我来说似乎很简单，但我无法获取每个项目的键和值。

这是我尝试过的(基于 this pipe ):

for (let key of arr) {
   console.log ('key: ' +  key + ',  value: ' + arr[key]);
 }

但是我在日志中得到的是以下内容:

key:[object Object], value: undefined

我的预期行为是获得以下内容:

key:key1, value:val1

我做错了什么？如何获取键和值？

Answer 1

在您的示例中，您有一组对象，其中每个对象都只有一个属性。

for (let obj of arr) {
    console.log("object:", obj);
    for (let key in obj) {
        console.log("      key:", key, "value:", obj[key]);
    }
}

以下代码来自您的帖子

for (let key in arr) {
    console.log ('key: ' +  key + ',  value: ' + arr[key]);
}

... 可以在这样的数据结构上工作:

let arr = {
    key1: 'val1',
    key2: 'val2',
    key3: 'val3'
};