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(/(^<$>)/));

@Scrimothy this type of question is so frequent, i have it ready for copy and paste. — Nicolas
– Nicolas, Commented Feb 3, 2020 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
– nick zoum, Commented Feb 3, 2020 at 19:17

Zohaib Ijaz · Accepted Answer · 2020-02-03 19:19:32Z

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 3, 2020 at 19:19

answered Feb 3, 2020 at 19:18

Zohaib Ijaz

23k7 gold badges43 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

nick zoum Over a year ago

filter(Boolean) ?

Zohaib Ijaz Over a year ago

Thanks @nickzoum

varoons Over a year ago

This is incorrect as your forcing just the span tag in the split

varoons · Accepted Answer · 2020-02-03 20:44:45Z

0

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

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

console.log(c);

edited Feb 3, 2020 at 20:44

answered Feb 3, 2020 at 19:26

varoons

3,8871 gold badge18 silver badges21 bronze badges

Collectives™ on Stack Overflow

Split string on matching patterns using regular expressions

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related