用javascript替换多个字符

Question

目前我只是用不同的东西替换一个角色，因为它是一张需要更改的乐谱，角色可能会有所不同。因此，我创建了一个 JavaScript 代码，如果在工作表上，它将替换所有这些字母。

这里出现了问题，如果我有字符 A 需要用 C 替换，然后在相同的 JavaScript 代码中 C 需要用 D 替换。因此 A 更改为 D 而不是 C。我需要替换每个字符每次操作一次，而不是将替换的文本与其他可能性进行比较。

到目前为止，这是我的代码：

function Dkoord() {
  $('[id^=harm] > text:nth-child(1) > tspan:nth-child(1)').text(function(i, text) {
    return text.replace('A', 'B').replace('A#', 'C').replace('Bb', 'C')
               .replace('B', 'C#').replace('C', 'D').replace('C#', 'D#')
               .replace('Db', 'Eb').replace('D', 'E').replace('D#', 'F')
               .replace('Eb', 'F').replace('F', 'G').replace('F#', 'G#')
               .replace('Gb', 'Ab').replace('G', 'A').replace('G#', 'A#')
               .replace('Ab', 'Bb');
});
}

正如您所见，C 正在更改为 D，但后来将 D 更改为 E，我只想对一个字符进行一次比较。我该怎么做。

Answer 1

使用一个正则表达式来匹配你想要替换的东西，像这样：

/[A-G](b|#)?/g

也就是说，匹配 A-G 中的任何字母，可选地后跟 b 或 #。

然后使用.replace() with a callback 查找匹配的内容并返回适当的替换。

function Dkoord() {
  var replacements = {
      'A': 'B', 'A#': 'C', 'Bb': 'C', 'B': 'C#', 'C': 'D', 'C#': 'D#',
      'Db': 'Eb', 'D': 'E', 'D#': 'F', 'Eb': 'F', 'F': 'G', 'F#': 'G#',
      'Gb': 'Ab', 'G': 'A', 'G#': 'A#', 'Ab': 'Bb'
  };

  $('[id^=harm] > text:nth-child(1) > tspan:nth-child(1)').text(function(i, text) {
    return text.replace(/[A-G](b|#)?/g, function(m) { return replacements[m]; });
  });
}

展开并运行以下 sn-p 以获得简化的演示：

function Dkoord(text) {
  var replacements = {
      'A': 'B', 'A#': 'C', 'Bb': 'C', 'B': 'C#', 'C': 'D', 'C#': 'D#',
 	  'Db': 'Eb', 'D': 'E', 'D#': 'F', 'Eb': 'F', 'F': 'G', 'F#': 'G#',
	  'Gb': 'Ab', 'G': 'A', 'G#': 'A#', 'Ab': 'Bb'
  };
    	  
  return text.replace(/[A-G](b|#)?/g, function(m) { return replacements[m]; });
}

console.log(Dkoord("A# B C D/F# G A"))

请注意，使用这样的查找对象还有一个优点，即您可以将其扩展为具有多个对象，以允许转置为不同的键。例如，如果从 B 大调到 C#，则应将 D# 更改为 E#，但如果从 F# 大调到 Ab，则应将 D# 更改为 F。

Answer 2

执行此操作的一种简单方法是将初始值替换为临时值，然后再次替换临时变量。

例如：

function Dkoord() {
  $('[id^=harm] > text:nth-child(1) > tspan:nth-child(1)').text(function(i, text) {
    return text.replace('A', 'b').replace('A#', 'c').replace('Bb', 'c')
               .replace('B', 'c#').replace('C', 'd').replace('C#', 'd#')
               .replace('Db', 'e_').replace('D', 'e').replace('D#', 'f')
               .replace('Eb', 'f').replace('F', 'g').replace('F#', 'g#')
               .replace('Gb', 'a_').replace('G', 'a').replace('G#', 'a#')
               .replace('Ab', 'b_').toUpperCase().replace(/[_]/g, "b");
  });
}

这将用小写的“正确”值替换您想要的文本，这将防止下一个管道替换已经替换的值。

完成后，您可以遍历字符串并将所有内容设置回大写。因此，只需在您最后一个 replace 之后添加它即可。

.toUpperCase().replace(/[_]/g, "b");

显然，您可以使用任何您想要的字符，只要它是唯一的。

演示

$("#btn").on("click", function() {
  $("#demo").text(function(i, text) {
    return text.replace('A', 'b').replace('A#', 'c').replace('Bb', 'c')
      .replace('B', 'c#').replace('C', 'd').replace('C#', 'd#')
      .replace('Db', 'e_').replace('D', 'e').replace('D#', 'f')
      .replace('Eb', 'f').replace('F', 'g').replace('F#', 'g#')
      .replace('Gb', 'a_').replace('G', 'a').replace('G#', 'a#')
      .replace('Ab', 'b_').toUpperCase().replace(/[_]/g, "b");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<b id="demo">AC#Eb</b>
<button id="btn">Convert</button>

Answer 3

试试这样的

 function Dkoord() {

     $('[id^=harm] > text:nth-child(1) > tspan:nth-child(1)').text(function(i, text) {

      return text.replace('Ab', 'Bb').replace('G#', 'A#').replace('G', 'A')
            .replace('Gb', 'Ab').replace('F#', 'G#').replace('F', 'G')
            .replace('Eb', 'F').replace('D#', 'F').replace('D', 'E')
            .replace('Db', 'Eb').replace('C#', 'D#').replace('C', 'D')
            .replace('B', 'C#').replace('Bb', 'C').replace('A#', 'C')
            .replace('A', 'B')
 });
 }