javascript - 更改默认字符串内容

Question

我有这个默认字符串:{0} blah blah blah blah {1}，其中 {0} 和 {1} 将加载到文本框中时替换为值。

示例:如果 {0} = "CUP" 且 {1} = "GIRLS"，则文本框中显示的字符串为 “CUP等等等等女孩”

现在的问题是:当用户编辑默认消息并点击“保存”时，如何替换修改后的消息中的 {0} = "CUP"和 {1} = "GIRLS"？ (消息的更改可能发生在原始消息的任何部分)

Answer 1

使用String#replace() 方法

console.log(
  '{0} blah blah blah blah {1}'
  .replace(/\{0}/, 'CUP')
  .replace(/\{1}/, 'GIRLS')
)

<小时/>

或者将替换内容存储在数组中，然后替换为匹配的内容(这里甚至可以使用对象)。

var rep = ['CUP', 'GIRLS'];

console.log(
  '{0} blah blah blah blah {1}'
  .replace(/\{(\d+)}/g, function(_, m1) {
    return rep[m1];
  })
)

<小时/>

更新:使用两个文本输入的工作演示。

var div = document.getElementById('result'),
  t1 = document.getElementById('text1'),
  t2 = document.getElementById('text2'),
  str = '{0} blah blah blah blah {1}';

function change() {
  div.innerHTML = str
    .replace(/\{0}/, t1.value)
    .replace(/\{1}/, t2.value)
}

<input type="text" oninput="change()" id="text1" />
<input type="text" oninput="change()" id="text2" />
<div id="result"></div>