如何在第一次替换后停止替换字母？[副本]

Question

所以我有这样的代码：

var input = document.querySelector("input");
var h1 = document.querySelector("h1");

input.addEventListener("input", function(e){
  h1.innerText = input.value.replace(/[a]/gi, 'e').replace(/[e]/gi, 'i').replace(/[i]/gi, 'o').replace(/[o]/gi, 'u').replace(/[u]/gi, 'y')
});

<input type="text">
<h1></h1>

如你所见，如果我按“A”，它将用“E”代替“A”。但这就像多米诺骨牌效应：它现在检测“e”，并将其替换为“i”，以此类推，直到它得到“y”。我如何防止这种情况？

注意：我不擅长regex所以请试着解释一下。

Answer 1

如果交换replace()链，它将起作用，而是以.replace(/[u]/gi,'y')开始，以.replace(/[a]/gi,'e')结束

堆栈段

var input = document.querySelector("input");
var h1 = document.querySelector("h1");

input.addEventListener("input", function(e){
  h1.innerText = input.value.replace(/[u]/gi, 'y').replace(/[o]/gi, 'u').replace(/[i]/gi, 'o').replace(/[e]/gi, 'i').replace(/[a]/gi, 'e')
});

<input type="text">
<h1></h1>