如何在JavaScript中的兩個指定字符之間替換字符串

Question

我想將一些代碼替換為dom元素。 例如：

[emo]sad[emo] or [emo]sad[/emo]

至

<span class='smiley medium' data-emo='" + emo + "'></span>

喜歡

<span class='smiley medium' data-emo='sad'></span>

可能嗎？

Answer 1

怎么樣：

var s1 = "[emo]sad[emo]";
var s2 = "[emo]sad[/emo]";

var regex = /^\[(\w+)\](.+)\[\/?(\w+)\]$/; // matches s1 and s2
var replacement = "<span class='smiley medium' data-$1='$2'></span>";
var s1HTML = s1.replace(regex,replacement);
var s2HTML = s2.replace(regex,replacement);

// now append s1HTML and s2HTML to dom

分解reg ex：

var regex = /
  ^            // start
  \[(\w+)\]    // the first [] block, match inside the []
  (.+)         // match between the [] blocks
  \[\/?(\w+)\] // the second [] block, optional "/", match inside the []
  $            // end
/;

jsbin： https ：//jsbin.com/nofizosebe/1/edit ？ js，控制台