获取匹配项，然后用字符串中的空值替换匹配项，并返回两个结果。

function matchR(str, regex){
    // get the match
    var _match = str.match(regex);
    
    // return the first match index, and the remaining string
    return {match:_match[0], remaining:str.replace(_match, "")};
}

下面是一个函数，它将用户输入和要匹配的字符串数组作为参数，并返回数组的数组：

const strings = [
  'Las Cruces',
  'Las Vegas',
  'Los Altos',
  'Los Gatos',
];

function getMatchAndRemaining(input, strings) {
  let escaped = input.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
  let regex = new RegExp('^(' + escaped + ')(.*)$', 'i');
  return strings.map(str => {
    return (str.match(regex) || [str, '', str]).slice(1);
  });  
}

//tests:
['l', 'las', 'los', 'x'].forEach(input => {
  let matches = getMatchAndRemaining(input, strings);
  console.log(input, '=>', matches);
});

一些注意事项：

• 在创建正则表达式之前，您需要对用户输入进行转义，有些字符具有特殊含义
• 如果没有匹配项，则before部分为空，其余部分包含完整的字符串
• 您可以向函数添加一个额外的参数，并将style或class添加到before部分，在这种情况下，您将返回一个字符串，而不是[before，remaining]数组