HTML 配列文字列を連結する最速の方法_JavaScript スキル

最初の方法: 文字列を 1 つずつ追加します

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

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

' ;' ;


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

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

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

var arr = ['item 1', 'item 2', 'item 3', ...],

list = []
for (var i = 0、l = arr .length;
リスト[リスト長] = '
}
リスト = '

' list .join('') '

'


前の方法よりも若干高速ですが、まだ十分ではありません...

3 番目の方法: direct join( )

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

var arr = ['項目 1' , '項目 2', '項目 3', ...];

var list = '

• ' arr.join('') '< ;/li>

';


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

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