如何替换特定字符后的所有单词匹配但忽略 javascript 中的下划线？

Question

假设我有一个名为target的字符串和一个名为 object 的数据，它们定义为：

var data : {
 value_1: "Hi"
}

var target = "Replace $value_1"

因此，要将value_1替换为data中设置的值，我做了：

target = target.replace(/\$(\w+)/gm, function(_, a) {
  console.log(a) // => value 
  // But I want value_1, I know "_" is not a word but how do I do it ?
  return data[a.trim()]
 })

你能帮助我吗？

Answer 1

您可以更新regex以匹配带有 num 的单词。

 var data = { value_1: "Hi", value_2: "how", value_3: "are", value_4: "you", }; var target = "Replace $value_1 $value_2 $value_3 $value_4?"; const template = (str) => str.replace(/\$(\w+_\d+)/g, (_, m) => data[m]); console.log(template(target));

您可以使用string literal来更好地处理和清洁代码。

样本：

 function template(strings, ...keys) { return (dict) => keys.reduce( (m, key, i) => { m = m.concat(dict[key], strings[i + 1]); return m; }, [strings[0]] ).join(""); } const dict = { value_1: "Hi", value_2: "how", value_3: "are", value_4: "you", }; let html = template`Replace ${"value_1"} ${"value_2"} ${"value_3"} ${"value_4"}?`; console.log(html(dict));

Answer 2

我认为这将永远有效：

var data = {
 value_1: "Hi"
}

var target = "Replace $value_1";

target = target.replace(/\$((\w|\_)+)/gm, function(_, a) {
  console.log(a) // => value 
  // But I want value_1, I know "_" is not a word but how do I do it ?
  return data[a.trim()]
 });

console.log(target);