javascript - 将 native javascript 对象值 react 到数组

Question

我正在努力完成的事情。

用我来自 Firebase 的数据水化图表数据

问题

图表我用的是want的这种格式的数据

data: [
    { value: 15 },
    { value: 10 },
    { value: 12 },
    { value: 11 },
  ]

我有 this.datasource 填充我的 ListView ，然后我可以在图表中获得我想要的值，只是格式错误。我不知道如何在没有引号的情况下获取数据。

var chartArrayFilter = (JSON.stringify(items, ['value']));

console.log = [{"value":"5"},{"value":"9"},{"value":"0"},{"value":"4"}]

我的问题

我曾尝试破解该数组(或字符串)并删除双引号，但我认为 React Native 不会让这种情况发生。我这样做完全错了吗？如何从 javascript 对象获取我想要的那种格式的数据？

这是我正在使用的包 https://www.npmjs.com/package/react-native-charts

谢谢!

Answer 1

如果不需要字符串化:

在我看来，您正在使用 JSON.stringify 作为从对象数组中删除不必要属性的方法。例如，假设您的 items 数组看起来像这样:

items = [
  {
    value: 5,
    foo: 'bar'
  },
  {
    value: 9,
    bar: 'baz'
  }
];

然后调用 JSON.stringify 会给你 "[{"value":5},{"value":9}]"(注意一切嗯，字符串化了)。

也许更好的方法如下:

var chartArrayFilter = items.map(function(item) {
  return {value: item.value};
});

这将为您提供 [{value: 5}, {value: 6}]。请注意，该结构中没有任何内容被字符串化；它只是一个对象数组。

如果您确实需要字符串化:

如果出于某种原因，您确实需要在您的items 数组上调用JSON.stringify 来选择您想要的属性，您可以简单地用

反转它

JSON.parse(项目)

在您调用JSON.stringify 之后。这将为您提供 [{value: 5}, {value: 6}, ...]，与上面相同。

结论

一旦你用上面提到的两种方式之一准备好你的 items 数组，你应该能够轻松地将它传递到 react-native-charts 中!