Разделить строку по совпадению регулярного выражения

Question

У меня следующая проблема. Я пытаюсь разбить строку в зависимости от регулярного выражения. Я хочу разделить его на {{ name }}, {{ age }} и т. Д.

Ожидаемый результат должен выглядеть так:

["hy my name is: ", "{{ name }}", " and i am ", "{{ age }}", " old"]

Моя текущая попытка была здесь:

let str = "hy my name is: {{ name }} and i am {{ age }} old";
let vars = str.split(/({{)(.*)(}})/);
console.log(vars);

Какое регулярное выражение подходит для этой задачи?

Answer 1

Вам необходимо

• Удалить имеющиеся у вас группы захвата и добавить скобки захвата вокруг всего шаблона. Вам нужно разделить свой шаблон поиска, поэтому он будет добавлен в результирующий массив после split, если он захвачен : " Если разделитель - это регулярное выражение, содержащее захватывающие круглые скобки (), совпадающие результаты включаются в массив."
• Используйте ленивые ., .*? вместо жадных .*. В противном случае {{.*}} будет соответствовать {{, затем любые 0 или более символов, кроме символов разрыва строки, как многие , насколько это возможно, а затем }}, поэтому все подстроки {{...}} между {{ и }} будут помещены в одно совпадение.

JS фиксированная демонстрация:

let str = "hy my name is: {{ name }} and i am {{ age }} old";
let vars = str.split(/({{.*?}})/);
console.log(vars);
// => [ "hy my name is: ", "{{ name }}", " and i am ", "{{ age }}", " old"]

Обратите внимание, что { и } являются специальными, только если внутри есть число, например {6}. В {{.*?}} фигурные скобки не могут быть проанализированы как ограничивающие квантификаторы, поскольку нет числа, поэтому вы можете избежать { символов, чтобы предотвратить любую двусмысленность.

Кроме того, если у вас есть совпадение в начале строки у вас будет пустой элемент в результирующем массиве, тогда вам нужно удалить пустые элементы:

str.split(/({{.*?}})/).filter(Boolean)

Answer 2

Вместо split вы можете использовать это регулярное выражение с match:

/{{.*?}}|.+?(?={{|$)/g

Код:

let str = "hy my name is: {{ name }} and i am {{ age }} old";
let vars = str.match(/{{.*?}}|.+?(?={{|$)/g);
console.log(vars);

Детали RegEx:

• {{.*?}}: соответствие строки в пределах {{...}}
• |: ИЛИ
• .+?: совпадение 1+ любого символа, который удовлетворяет следующему условию просмотра вперед
• (?={{|$): условие положительного просмотра вперед, которое гарантирует, что у нас есть увядание {{ или конец строки в следующей позиции