Split string on matching patterns using regular expressions

Question

I am trying to split a string by matching some patterns using regex, for instance i have <span>Hello World</span> and the result would be ["<span>", "Hello World", "</span>"]

// Tried this
console.log(arr.split(/(<*>)/));
// and this:
console.log(arr.split(/(^<$>)/));

[Regex is **NOT** a good tool to parse XML / HTML](https://stackoverflow.com/a/1732454/5784924) — Nicolas, Feb 03 '20 at 19:16
@Scrimothy this type of question is so frequent, i have it ready for copy and paste. — Nicolas, Feb 03 '20 at 19:17
You can create a regex for very very simple cases but you would never be able to parse a full page. — nick zoum, Feb 03 '20 at 19:17
@SachihiroTakamori If you are not using node you could just create an element add the text using `innerHtml` and then use the dom tree in any way you want. — nick zoum, Feb 03 '20 at 19:46

Zohaib Ijaz · Answer 1 · 2020-02-03T19:19:32.410

1

You can do something like

  const s = `<span>Hello World</span>`; 
  const output = s.split(/(<\/?span>)/g).filter(Boolean);

  console.log(output);

edited Feb 03 '20 at 19:19

answered Feb 03 '20 at 19:18

Zohaib Ijaz

19,906
6
35
55

4

`filter(Boolean)` ? – nick zoum Feb 03 '20 at 19:18
Thanks @nickzoum – Zohaib Ijaz Feb 03 '20 at 19:19
This is incorrect as your forcing just the span tag in the split – varoons Feb 03 '20 at 19:27

varoons · Accepted Answer · 2020-02-03T20:44:45.463

0

const a = `<span>Hello World</span>`; 

var c = a.split(/^(<.*>)(.*?)(<.*?>)$/g).filter(x => x);

console.log(c);

edited Feb 03 '20 at 20:44

answered Feb 03 '20 at 19:26

varoons

3,383
1
13
18

Split string on matching patterns using regular expressions

2 Answers2