Der erste Typ: Zeichenfolge nach String hinzufügen
Die Codekopie lautet wie folgt:
var arr = ['Artikel 1', 'Artikel 2', 'Punkt 3', ...];
list = '';
für (var i = 0,,
l = arr.length; i <l; i ++) {
Liste + = '' + arr [i] + '';
}
list = '' + list + '';
Dies ist das häufigste, aber am wenigsten effizient! Die Codelogik ist relativ komplex.
Der zweite Typ: Drücken Sie nacheinander in den Array
Die Codekopie lautet wie folgt:
var arr = ['Artikel 1', 'Artikel 2', 'Artikel 3', ...],
list = [];
für (var i = 0,,
l = arr.length; i <l; i ++) {
list [list.length] = '' + arr [i] + '';
}
list = '' + list.join ('') + '';
Es ist etwas schneller als die vorherige Methode, aber es ist immer noch nicht gut genug ...
Der dritte Typ: Direct Join ()
Die Codekopie lautet wie folgt:
var arr = ['Artikel 1', 'Artikel 2', 'Punkt 3', ...];
var list = '' + arr.join ('') + '';
Verwenden Sie native Methoden (z. B. join ()), egal wie es später implementiert wird, es ist im Allgemeinen viel schneller als andere Methoden, und der Code ist sehr präzise.
Browserleistungstests
Jede Methode besteht darin, ein Array von Länge 130 zum Testen zu verwenden, wobei jedes Element eine Vielzahl von Längen hat, um zu verhindern, dass der Browser spezielle Optimierungen für Zeichenfolgen einer bestimmten Länge vornimmt. Jede Methode wurde 1.000 Mal getestet; Die folgenden Ergebnisse zeigen, dass die Ausführung dieser 1.000 -fachen erforderlich ist: