javascript_javascript のヒントで HTML 文字列を結合する最速かつ最良の方法

最初のタイプ: 文字列を 1 つずつ追加します

コードをコピー コードは次のとおりです。

var arr = ['item 1', '項目 2 ', '項目 3', ...];
list = '';
for (var i = 0,
l = arr.length; i < l; i ) {
リスト = '' arr[i] '';
}
リスト = '' リスト '';

これは最も一般的ですが、最も効率的ではありません。コードのロジックは比較的複雑です。

2 番目のタイプ: 配列に 1 つずつプッシュします

コードをコピー コードは次のとおりです。

var arr = ['item 1', 'アイテム 2 ', 'アイテム 3', ...],
リスト = [];

for (var i = 0,
l = arr.length; i < l; i ) {
list[list.length] = '' arr[i] '';
}
list = '' list.join('') '';

前の方法よりわずかに高速ですが、まだ十分ではありません...

3 番目のメソッド: direct join()

コードをコピー コードは次のとおりです。

var arr = ['item 1', 'アイテム 2 '、'アイテム 3'、...];

var list = '' arr.join('') '';

ネイティブ メソッド (join() など) を使用すると、後でどのように実装されるかに関係なく、一般に他のメソッドよりもはるかに高速で、コードは非常に簡潔になります。

ブラウザのパフォーマンステスト

各メソッドは、ブラウザーが特定の長さの文字列に対して特別な最適化を行わないように、長さ 130 の配列を使用してテストされます。各メソッドは 1,000 回テストされました。次の結果です。これら 1000 回の実行に必要な時間を表示します: