VueJS: Filter through objects in an array

Question

I'm working on a vue-js problem.

I got an data-element (object) called items. I am looping through these products and display a dropdown with a list of the items.

Now I would like to show only those items who have a value in an array thats called "Watt" and a Title.

This is an example item of items:

Item

-Title

-Date

-Specifications [Array]

-- [0] Name: "Watt"

-- [0] Value: 5

-- [1] Name: "Weight"

-- [1] Value: 100

Any idea how to solve this?

haffla · Accepted Answer · 2017-02-15 13:41:38Z

3

This is not VueJS specific. In Javascript you filter an array with Array#filter. Example:

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

To understand this have a look at Array#some and Array#filter functions. The above code basically filters the items array by the condition that the item has at least one (some) element in the Specification array where the Name is "Watt" and has a title.

answered Feb 15, 2017 at 13:41

haffla

1,0669 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

VueJS: Filter through objects in an array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related