如何实现数组多字符串指定内容替换及点击随机生成字符串

我来帮你搞定这个问题！你的核心需求是每次点击按钮时，随机选一个数组里的字符串，同时把其中的'6a'替换成新的随机数对吧？咱们来一步步修正代码：

问题分析 #

你的代码目前有两个关键问题导致功能无法结合：

1. numChange函数会遍历修改整个原数组的所有元素，第一次替换后原数组里就没有'6a'了，后续点击自然没法再替换；
2. replace的回调函数没有返回生成的随机数，导致替换结果变成了undefined；
3. 你没有在点击按钮时触发替换逻辑，两个功能完全脱节。

解决方案 #

我们可以把随机选字符串和替换逻辑合并到newEvent函数里，每次点击时动态处理选中的字符串，不修改原数组，这样就能保证每次点击都能生成新的随机数并替换。

修改后的完整代码如下：

// 原数组保持初始状态，每次使用时动态处理
var events = ['String one 6a', 'String two 6a', 'String three 6a', 'String four 6a', 'String five 6a'];

function newEvent() {
  // 1. 随机选中数组里的一个字符串
  var randomIndex = Math.floor(Math.random() * events.length);
  var selectedString = events[randomIndex];
  
  // 2. 把选中字符串里的'6a'替换为0-6之间的随机数（如果需要1-7可以改成Math.floor(Math.random()*7)+1）
  var updatedString = selectedString.replace('6a', function() {
    // 必须return生成的随机数，否则替换结果是undefined
    return Math.floor(Math.random() * 7);
  });
  
  // 3. 将处理后的字符串渲染到页面
  document.getElementById("thing").innerHTML = updatedString;
}

<body>
 <div id="thing">
 <p> We're replacing this thing </p>
 </div>
 <button onclick="newEvent()"> Click me </button>
</body>

额外优化（可选） #

如果你的字符串里可能出现多个'6a'需要替换，可以把replace的第一个参数改成正则表达式实现全局替换：

var updatedString = selectedString.replace(/6a/g, function() {
  return Math.floor(Math.random() * 7);
});

这样每次点击按钮，都会完成「随机选字符串→替换'6a'为新随机数→渲染到页面」的完整流程，完美实现你想要的功能！

内容的提问来源于stack exchange，提问作者darmeg