javascript - 如何在 vuejs 中搜索嵌套的 JSON 数据？

Question

我嵌套了 JSON 数据，例如:

[{"id":"1","province_id":"ABC","name":"City One"},{"id":"2","province_id":"EFG","name":"City Two"}]

我想通过 province_id 过滤 JSON 并将其放入另一个变量中。 VueJS 中是否有任何解决方案，例如 Vue.filter(); ？我知道我们有“linq”可以完成这项工作，但我不想使用它。

Answer 1

您正在寻找的是 javascript Array 的 filter() 函数。您绝对应该花一些时间熟悉过滤器，以及 map 和 reduce 等其他工具。它将使您的数据切片和切 block 变得更加容易。

var serializedData = `[{"id":"1","province_id":"ABC","name":"City One"},{"id":"2","province_id":"EFG","name":"City Two"}]`;
var data = JSON.parse(serializedData);

var provinceAbc = data.filter(d => d.province_id === 'ABC');

该行将为您提供其 province_id 为“ABC”的所有对象

此外，由于您在帖子中提到了“linq”，filter() 类似于 IEnumerable.Where()，而 map() 类似于 .NET Linq 术语中的 IEnumerable.Select()