如何将字符串/标题中的最后三个单词换行

Question

I am trying to wrap last three words from string that will be a heading on site. I am trying with split method and with pop but not getting it.

 var text = "This is an example text sentence"

i would like to look in html like this This is an an example text sentence

var split = text.split(" ");
var last = split.pop() // but it gives me only the last word 

text.join(" ") + (text.length > 0 ?
' <span class="text-stroke">' + last + "</span>" : last)

Answer 1

Use a regular expression to match \\s+\\S+ (spaces, followed by non-spaces) as many times as you want to match a word, followed by $ (the end of the string):

 var text = "This is an example text sentence" const newHTML = text.replace( /(?:\\s+\\S+){3}$/, '<span>$&</span>' ); console.log(newHTML);

Answer 2

 // split your text by spaces let text = "This is an example text sentence.".split(/\\s+/) // rejoin your text let nexText = text.slice(0, text.length-3).join(' ') + ' <span>' + text.slice(text.length-3).join(' ') + '</span>' console.log(nexText) // => This is an <span>example text sentence.</span>