正規表現: OR条件で置換する方法について

Question

実現したいこと

OR条件で複数回マッチしても置換されるのは一回にしたい

let s = "<div><br></div>"
s.replace(/<br>|<div>|</div>/g, '\n')
// res: 「\n\n\n」と出力されてしまう
// 理想としては、「\n」と一回のみ置換されるようにしたい

一つ前の質問で似たような質問をしていますが、ちゃんと詳細までに検証しなかったためベストアンサーとしてしまったので再度質問させて頂きました。(申し訳ございません）
https://teratail.com/questions/321332

Answer 1

divとbrだけ考慮すればいいのでしょうか。最もシンプルに考えると以下でできると思います。

x.replace(/(<div>|<br>|</div>)+/, '\n')

Comments

[nanase21]

ご教示頂きありがとうございます。
はい。<div class="utility_formControl__3Mbwj" contenteditable="true"></div>に対して利用するのでその際に、エンターを押した時に生成されるhtml要素が<div>と<br>のみなため、ご教示頂いた方法で解決出来ました。