javascript - 替换重复的字符不起作用

Question

当我将“123”值放入输入字段时，它会正确转换为字母“ABC”，但是当我输入“112”时，它只会将第一个数字转换为“A1B”，我需要将“112”转换为“AAB”。但是，不会替换重复的字符。

function char_convert() {
  var chars = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
  var codes = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"];

  for (x = 0; x < chars.length; x++) {
    for (i = 0; i < arguments.length; i++) {

      arguments[i].value = arguments[i].value.replace(chars[x], codes[x]);
    }
  }
}

char_convert(this);

<div id="test">
  <input type="text" id="txtBox" onchange="char_convert(this);" />
</div>

Answer 1

您可以拆分值并对其进行循环并替换必要的值。

var chars = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
var codes = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"];

function char_convert(el) {

  el.value = el.value.split("").map(function(c) {
    return codes[chars.indexOf(c)];
  }).join("");
}

<div id="test">
  <input type="text" id="txtBox" onchange="char_convert(this);" />
</div>