Javascript VueJS:筛选数组中的对象
我正在处理vue js问题 我得到了一个名为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 知道如何解决这个问题吗
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数组中至少有一个(某些)元素