How to augment search function to include array within objects

Question

Given data in this format:

// projects.json
{
    businessName: "",
    address: "",
    city: "",
    reference: "",
    contacts: [
        {
            name: ""
            phone: ""
        },
        {
            name: ""
            phone: ""
        }
    ],
}

... and a search function (btw, this is a Vue app) which iterates the 'project' objects of the json:

export default {
    computed: {
        filteredProjects: function() {
            const searchTerm = this.search.toLowerCase();
            if (!searchTerm) {
                return false;
            }
            return this.projects.filter((project) => {
                return (project.businessName.toLowerCase().match(searchTerm)) ||
                         (project.reference.toLowerCase().match(searchTerm));
            });
        }
    } // computed
} // export default

... how can I augment this function to include in the search the 'contacts' array within each 'project' object, e.g.:

return this.projects.filter((project) => {
    return (project.businessName.toLowerCase().match(searchTerm)) ||
             (project.reference.toLowerCase().match(searchTerm)) ||
             // PSEUDO-CODE (searching contact name doesn't throw error but returns 100% of the data):
             (project.contacts.filter((el) => {
                 el.name.toLowerCase().match(searchTerm);
             }))
});

Thanks in advance for any help or suggestions,

Whiskey T.

@RoyJ Thanks for the response. As your suggestion shows closed parens around the filter arg, I assume you mean: '(project.contacts.filter((el) =>{ el.name.toLowerCase().match(searchTerm); }).length > 0); ... but this is not returning any results where expected. What have I misunderstood? Thx — Whiskey T.
– Whiskey T., Commented Feb 1, 2018 at 19:16
@RoyJ Thank you; yet another 'duh' moment as to the 'return' ... however would you mind explaining why the length method is required on the contacts filter but not in the filter of the outer objects? — Whiskey T.
– Whiskey T., Commented Feb 1, 2018 at 19:28
Because filter returns an array, which is a truthy value even if it's empty. The other expressions are using match. — Roy J
– Roy J, Commented Feb 1, 2018 at 19:30

Roy J · Accepted Answer · 2018-02-01 21:03:18Z

1

Two things:

filter returns an array, so its value will always be true; you need to check the length of it to get a false value when it's empty
you need a return in your project.contacts.filter arrow function

answered Feb 1, 2018 at 21:03

Roy J

44k10 gold badges84 silver badges106 bronze badges

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

Collectives™ on Stack Overflow

How to augment search function to include array within objects

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