在javascript中将字符串拆分为匹配和不匹配的组

Question

我正在尝试将字符串拆分为与正则表达式匹配和不匹配的字符串数组：

string = "Lazy {{some_animal}} jumps over.."
# do some magic with regex /({{\s?[\w]+\s?}})/g and its negation
array = ["Lazy ", "{{some_animal}}", " jumps over.."]

在 javascript 中执行此操作的最佳性能方式？

Answer 1

您可以为此使用String match

下面的正则表达式只匹配任何不是胡须的东西，可选地被胡须包围。

示例 sn-p：

var str = "Lazy {{some_animal}} jumps over..";

const pattern = /\{*[^{}]+\}*/g;

var array = str.match(pattern);

console.log(str);
console.log(pattern);
console.log(array);

但为了更精确，正则表达式模式变得有点复杂。
下面的正则表达式匹配：

1. “你想要什么”
   （每边 2 个胡须之间的单词）
2. 或“你不想要的，然后是你想要的”
   （使用惰性匹配和正向前瞻）
3. 或“剩下的”

var str = "Lazy {{some_animal}} jumps over..";

const pattern = /\{\{\w+\}\}|.+?(?=\{\{\w+\}\})|.+/g;

var array = str.match(pattern);

console.log(str);
console.log(pattern);
console.log(array);

最后但同样重要的是，邪恶的 SM 方法。
在同一个正则表达式上拆分 AND 匹配。并将它们连接成一个数组。
这种方法的缺点是不保留顺序。

var str = "Lazy {{some_animal}} jumps over..";

const pattern = /\{\{\w+\}\}/g;

var what_you_want = str.match(pattern);
var what_you_dont_want = str.split(pattern);

var array = what_you_want.concat(what_you_dont_want);

console.log(str);
console.log(pattern);
console.log(array);

Answer 2

我很确定一个简单的exec 循环将是您的最佳选择：

function getSegments(rex, str) {
  var segments = [];
  var lastIndex = 0;
  var match;
  rex.lastIndex = 0; // In case there's a dangling previous search
  while (match = rex.exec(str)) {
    if (match.index > lastIndex) {
      segments.push(str.substring(lastIndex, match.index));
    }
    segments.push(match[0]);
    lastIndex = match.index + match[0].length;
  }
  if (lastIndex < str.length) {
    segments.push(str.substring(lastIndex));
  }
  return segments;
}

var rex = /{{\s?[\w]+\s?}}/g;
var string = "Lazy {{some_animal}} jumps over..";

console.log(getSegments(/{{\s?[\w]+\s?}}/g, string));

注意我删除了捕获组；这种解决方案不需要它。