javascript - 在动态字符串之前和之后插入字符串

Question

假设我有以下字符串..

string = 'bla bla bla data-id="34232" bla bla bla bla data-id="457667" bla bla bla bla bla bla data-id="45454" bla bla'

我需要替换为以下字符串..

string = 'bla bla bla <div data-id="34232"></div> bla bla bla bla <div data-id="457667"></div> bla bla bla bla bla bla <div data-id="45454"></div> bla bla'

我正在做这个..

string.match(/data-id="(.*?)"/g);
// ["data-id="34232"", "data-id="457667"", "data-id="45454""]

在那之后，我不知道如何完成这个......

感谢您的帮助..

Answer 1

使用replace() 执行字符串替换并使用 $& which helps to inserts the matched substring在替换字符串中。

var str = 'bla bla bla data-id="34232" bla bla bla bla data-id="457667" bla bla bla bla bla bla data-id="45454" bla bla';

console.log(
  str.replace(/data-id=".*?"/g, '<div $&></div>')
)