javascript - 在数组中搜索字符串并返回匹配^

Question

我有一个包含员工姓名的数组，例如。

var names = ['Jordan,Michael','Davis,Jordan','Franco,James','Rogen,Seth','Griffin,Peter','James,Tim',..]

我想在我的网页上添加一项功能，允许用户输入他们要查找的姓​​名，并能够看到所有使用该姓名的人。因此，如果用户输入约旦。乔丹，迈克尔和戴维斯，乔丹都会回来。

有没有一种方法可以用 javascript/jquery 做到这一点？

Answer 1

使用Array.prototype.filter

var search = 'Jordan';
var names = ['Jordan,Michael','Davis,Jordan','Franco,James','Rogen,Seth','Griffin,Peter','James,Tim']

var results = names.filter(name => name.indexOf(search) > -1);
console.log(results);

---

对于不区分大小写的匹配，你需要使用正则表达式。

以下代码片段假定needle 和haystack 中只有字母数字字符。^{特殊字符可以通过使用简单的替换来删除，str = str.replace(/[^a-zA-Z0-9]/g, '');}

注意:要允许特殊字符，需要对其进行转义。

var names = ['Jordan,Michael','Davis,Jordan','Franco,James','Rogen,Seth','Griffin,Peter','James,Tim']

var search = 'jorDan' // cAsE-InsEnsItIvE
    regex = new RegExp(search, 'i');

var results = names.filter(name => regex.test(name));
console.log(results);

document.body.innerHTML = '<pre>' + JSON.stringify(results, 0, 4) + '</pre>';