JavaScriptで文字列の配列をエスケープしつつ<br>でつなげる

["こんにちは", "<script>", "さようなら"]

のような文字列の配列を、Webブラウザーに

こんにちは
<script>
さようなら

と出力するように、

"こんにちは<br>&lt;script&gt;<br>さようなら"

と変換したいとする。いろいろな方法があるけれど、以下が簡単。

function escapeAndJoinWithBr(arr) {
  const span = document.createElement('span');
  span.innerText = arr.join('\n');
  return span.innerHTML;
}

参考: HTMLElement.innerText

セッターとしては、この要素の子要素を指定された値で置き換え、すべての改行を <br> 要素に変換します。