3

Как можно из строки, например - let str = "привет <a href="#" target="_blank">*любая ссылка*</a> пока" сформировать массив. Пробовал метод split, где в параметр передавал регулярку, но строка парсилась неверно. Нужно, чтобы массив формировался отдельно словами и DOM-узлами. Конкретно DOM- узел должен быть <a></a>.Есть идеи? Спасибо

3

1 ответ 1

3

Как вам уже заметили в комментариях, парсить HTML регулярками считается ненадёжным.

Если не посчитаете это чрезмерным средством, можно воспользоваться DOMParser:

let str = 'привет <a href="#" target="_blank">*любая ссылка*</a> пока';

const doc = new DOMParser().parseFromString(str, 'text/html');

const nodes = [...doc.body.childNodes]
  .map(node => node.nodeType === Node.TEXT_NODE ? node.nodeValue : node.outerHTML);

console.log(nodes);

Если уж так необходимо решать при помощи регулярок, можно рискнуть так:

let str = 'привет <a href="#" target="_blank">*любая ссылка*</a> пока';

const nodes = str.split(/(?=<\w)|(?<=<\/\w+>)/);

console.log(nodes);

2
  • Спасибо большое, работает
    – Andrey'Ka
    24 мая 2021 в 17:19
  • 2
    Но учтите, что регулярка не будет работать правильно, если будут вложенные элементы. 24 мая 2021 в 17:19

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.