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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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