JavaScript中如何获取字符串中匹配的子串（而非仅布尔值）？

你现在用some()只能判断是否存在匹配，但要拿到具体的子串其实很简单，换用数组的filter()或者find()方法就可以实现，下面给你两种常用场景的实现：

场景1：获取所有匹配的子串 #

如果你需要找出所有和目标字符串匹配的子串，用filter()方法最合适，它会返回所有符合条件的子串组成的数组：

var substrings = ["tomato", "tomato sauce", "tomato paste", "orange", "orange juice", "green apple", "red apple", "cat food"];
var str = "Hunt's 100% Natural Tomato Sauce, 15 Oz";

// 提前把目标字符串转成小写，避免循环中重复转换，提升性能
const lowerCaseStr = str.toLowerCase();
// 筛选出所有匹配的子串，同时把子串也转小写确保大小写不敏感匹配
const allMatches = substrings.filter(sub => lowerCaseStr.indexOf(sub.toLowerCase()) >= 0);

console.log(allMatches); // 输出：["tomato", "tomato sauce"]

场景2：获取第一个匹配的子串 #

如果你只需要找到第一个匹配的子串，用find()方法更高效，它会返回数组中第一个满足条件的元素（没有匹配则返回undefined）：

var substrings = ["tomato", "tomato sauce", "tomato paste", "orange", "orange juice", "green apple", "red apple", "cat food"];
var str = "Hunt's 100% Natural Tomato Sauce, 15 Oz";

const lowerCaseStr = str.toLowerCase();
const firstMatch = substrings.find(sub => lowerCaseStr.indexOf(sub.toLowerCase()) >= 0);

console.log(firstMatch); // 输出："tomato"

小优化说明 #

我在代码里提前把目标字符串转成了小写，而不是在每次判断里重复转换，这样能减少不必要的性能开销；同时把子串也转成小写去匹配，确保不管目标字符串和子串的大小写如何，都能正确匹配（比如你的例子里目标字符串是Tomato Sauce，子串是小写的tomato sauce，这样处理后就能精准匹配）。

内容的提问来源于stack exchange，提问作者jobiin