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

Question

我嵌套了 JSON 数据，例如：

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

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

Answer 1

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

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()