JavaScript循环替换字符功能输出错误问题排查求助

你的代码共有3处核心逻辑错误，直接导致输出异常：

• 循环边界错误
  现有循环条件写为i < input.length-1，会直接丢失字符串的最后一个字符。字符串的索引从0开始计数，长度为n的字符串有效索引范围是0~n-1，正确的循环条件应为i < input.length。
• 分支判断逻辑错误
  两个if判断为完全独立的分支，没有互斥关系：如果第一个if匹配到第一个待替换字符，会先追加对应的替换值，之后进入第二个if判断未命中，就会走else分支再次追加原字符，最终出现字符重复的问题。需要把第二个if改为else if，让三个分支互斥，每个字符只会走其中一个分支。
• 硬编码索引的潜在问题
  你默认待替换字符输入是a e格式、单个空格分隔，所以固定取数组索引0和2的字符，但是如果用户输入时用了多个空格、或者前后加了空格，就会取到错误的字符。更稳妥的处理是先对输入的替换规则按空格分割后过滤空值，再按顺序取对应位置的字符。

修正后的参考代码 #

var input = prompt("请输入一句文本？");
var zin = input.split("");
var inn = prompt("请输入2个待替换字符，用空格分隔，示例：a e");
// 处理替换规则：按空格分割后过滤空值
var karaktersinn = inn.split(" ").filter(item => item.trim() !== '');
var outt = prompt("请输入对应替换后的2个目标字符，用空格分隔，示例：o u");
var karatersout = outt.split(" ").filter(item => item.trim() !== '');
var output = "";

for (var i = 0; i < input.length; i++){
   if (zin[i] == karaktersinn[0]){
      output += karatersout[0]
   } else if (zin[i] == karaktersinn[1]){
      output += karatersout[1]
   } else {
      output += zin[i];
   }
}

console.log("原输入：", input);
console.log("替换后输出：", output);

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