javascript - VueJS : Filter through objects in an array

Question

我正在解决 vue-js 问题。

我有一个名为items的data元素(对象)。我正在循环浏览这些产品并显示一个包含项目列表的下拉菜单。

现在我想仅显示那些在名为“瓦特”的数组中具有值和标题的项目。

这是items的示例:

Item

-Title

-Date

-Specifications [Array]

-- [0] Name: "Watt"

-- [0] Value: 5

-- [1] Name: "Weight"

-- [1] Value: 100

知道如何解决这个问题吗？

Answer 1

这不是 VueJS 特定的。在 Javascript 中，您可以使用 Array#filter 过滤数组。示例:

items = items.filter(function(item) {
    return item.Title && item.Specifications.some(function(specification) {
         return specification.Name === "Watt";
    });    
});

要了解这一点，请查看 Array#some和 Array#filter功能。上面的代码基本上根据以下条件过滤项目数组:该项目在规范数组中至少有一个(某些)元素，其中 Name 为“Watt”并具有标题。