Javascript VueJS:筛选数组中的对象

Javascript VueJS:筛选数组中的对象,javascript,arrays,vuejs2,vue.js,Javascript,Arrays,Vuejs2,Vue.js,我正在处理vue js问题 我得到了一个名为items的data-元素(对象)。我循环浏览这些产品,并显示一个带有项目列表的下拉列表 现在,我只想显示那些在数组中有一个值的项目,该数组称为“Watt”和标题 这是项的示例项: Item -Title -Date -Specifications [Array] -- [0] Name: "Watt" -- [0] Value: 5 -- [1] Name: "Weight" -- [1] Value: 100 知道如何解决这个问题吗

我正在处理vue js问题

我得到了一个名为
items
data
-元素(对象)。我循环浏览这些产品,并显示一个带有项目列表的下拉列表

现在,我只想显示那些在数组中有一个值的项目,该数组称为“Watt”和
标题

这是
项的示例项

Item

-Title

-Date

-Specifications [Array]

-- [0] Name: "Watt"

-- [0] Value: 5

-- [1] Name: "Weight"

-- [1] Value: 100

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

这不是VueJS特有的。在Javascript中,使用数组#过滤器过滤数组。例如:

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

要理解这一点,请看一看和功能。上述代码基本上根据以下条件过滤项目数组:
Name
为“Watt”且有标题的规范数组中至少有一个(部分)元素。

这不是VueJS特有的。在Javascript中,使用数组#过滤器过滤数组。例如:

items = items.filter(function(item) {
    return item.Title && item.Specifications.some(function(specification) {
         return specification.Name === "Watt";
    });    
});
要理解这一点,请看一看和功能。上面的代码基本上根据以下条件过滤items数组:
名称
为“Watt”且有标题的Specification数组中至少有一个(某些)元素