显示在字符串 indexOf 中找到的子字符串？

Question

我有一个包含大量“子字符串”的数组：

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";

我可以使用 indexOf() 和 some() 在字符串中找到子字符串“番茄酱”

if (substrings.some(function(v) {return str.toLowerCase().indexOf(v) >= 0;}))
{
  // true  
} else {
  //false
}

但这只是返回一个真/假。我需要将变量 ma​​tchingSubstring 设置为字符串中匹配的子字符串。

if(???) {
  var matchingSubstring = substring // tomato sauce
} 

我是不是走错了路？任何帮助都会很棒。

Answer 1

使用find()获取结果

substrings.find(function(v) {return str.toLowerCase().indexOf(v) >= 0;})

请注意，这将返回第一个匹配项，如果要查找所有匹配项，可以使用 filter() 代替。

Answer 2

过滤它：

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 matches = substrings.filter(function(v) {return str.toLowerCase().indexOf(v) >= 0;});
if (matches.length > 0)
    console.log(matches.sort((a, b) => b.length - a.length)[0]);
else
    console.log("fail");

some 仅在您不需要具体结果项时才有用。