JavaScript - 配列のフィルタリングとレンダリング

Question

var データ = [{

リーリー

<p class="テキスト">

リーリー

</p>

最も簡単な方法で、データ内の値に基づいて dom 内の対応するラベル値をレンダリングする方法を教えてください。 ?データは不確実です。10 または 20 を超える

が含まれる可能性があります。

Answer 1

上記の方法でも可能ですが、毎回変数を登録し、.textに毎回spanノードを追加し、DOMを操作するのと同じことになり、オーバーヘッドが大きくなります！個人的には以下の方法をおすすめします。

リーリー

Answer 2

リーリー

Answer 3

上記の方法はすべて実行可能ですが、最初の 2 つの方法には、Firefox と Chrome でのパフォーマンスにそれぞれ利点と欠点があります。現在、新しい空のドキュメント フラグメント (DocumentFragment) を作成するのが一般的です。

リーリー

Answer 4

リーリー