javascript - JSON 对象 - 在 React Native 中访问值

Question

在我的 React Native 应用程序中，我使用的是 RNDBModels 包，它是 AsyncStorage 的包装器。目前我正在通过 RNDBModels 保存一个 JSON 对象并且工作正常，但是事实证明访问数据具有挑战性。

当代码从 get 方法返回时，它在 JSON 对象中返回，我基本上想要结果中的值，以便我可以迭代它以获得列表。

返回结果:

 { 
  '1': 
    { 
      name: 'Galaxy', 
      description: '20gram bars', 
      _id: 1 
    },
  '2':
    {
      name: 'Snickers', 
      description: 'Hazelnuts', 
      count: 2, 
      _id: 2 
    }
 }

以及期望的结果，以便我可以轻松地遍历数组中的对象，然后在 React Native 中呈现一个列表。

[
 { 
    name: 'Galaxy', 
    description: '20gram bars', 
    _id: 1 
 },
 {
    name: 'Snickers', 
    description: 'Hazelnuts', 
    count: 2, 
      _id: 2 
  }
 ]

在访问值方面有什么建议吗？我曾尝试使用 Object.keys 然后随后使用 Object.values 遗憾的是无济于事。

Answer 1

您可以使用 in operator 来做到这一点:

const data =  { 
  '1': { 
    name: 'Galaxy', 
    description: '20gram bars', 
    _id: 1 
  },
  '2': {
    name: 'Snickers', 
    description: 'Hazelnuts', 
    count: 2, 
    _id: 2 
    }
};

var array = [];

for (let prop in data) {
  array.push(data[prop]);
}

console.log(array);

JSFiddle