返回数组中匹配的对象

Question

我正在尝试对每个按键进行.filter（）方法，以获取以下数组中与输入字段值匹配的对象列表：

var peopleArray = [
{
    name: "Steve",
    email: "steve@yahoo.com"
},
{
    name: "Sam",
    email: "sam@yahoo.com"
},
    {
    name: "Sarah",
    email: "sarah@yahoo.com"
},
    {
    name: "Kyle",
    email: "kyle@yahoo.com"
},
    {
    name: "Kody",
    email: "kody@yahoo.com"
},
    {
    name: "Scarlet",
    email: "scarlet@yahoo.com"
},
]

这是我用来搜索的内容：

<input type="search" id="searchInput" placeholder="Search Activities" />

searchInput.addEventListener('keyup', function() {
    searchPeople(searchInput.value);
})


function searchPeople(chars) {

    //Search People and return a list of JSON objects
    return //All JSON objects that matched
}

我对此并不陌生，所以我不太了解如何实现这一目标。

Answer 1

如果要进行简单的字符串搜索，则可以使用带有indexOf filter返回包含输入内容的每个字符串：

function searchPeople(chars) {
  return people.filter(function (person) {
    return person.name.indexOf(chars) > -1;
  });
}

如果indexOf找到与chars匹配的字符串，它将返回大于-1的位置（索引）。 这将与过滤器匹配并保留该人。

如果您愿意，可以展开过滤谓词以检查name和email ：

function searchPeople(chars) {
  return people.filter(function (person) {
    return (person.name.indexOf(chars) > -1 || person.email.indexOf(chars) > -1);
  });
}

Answer 2

这将根据姓名和电子邮件搜索人员。 大写/小写无关紧要，因为它会将小写的值与小写的值进行比较。

过滤器需要返回“真实”值。 因此，基本上，它应该返回以下内容： false ， 0 ， undefined ， null ， NaN或"" （空字符串）。

match将在另一个字符串中搜索一个字符串，如果找到匹配的值，则返回一个数组；如果找不到，则返回null。 因此，如果match找不到任何东西，则返回行本质上将return null || null; return null || null; 并且由于null为“ falsy”，因此过滤器将从结果中排除该人。

function searchPeople(chars) {
    peopleArray.filter(function(person) {
        var name = person.name.toLocaleLowerCase();
        var email = person.email.toLocaleLowerCase();
        var searchTerm = chars.toLocaleLowerCase();
        return name.match(searchTerm) || email.match(searchTerm);
    });
}