Der schnellste und beste Weg, HTML-Strings in javascript_javascript-Tipps zu verbinden

Erster Typ: Zeichenfolgen einzeln hinzufügen

Code kopieren Der Code lautet wie folgt:

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

Dies ist die häufigste, aber am wenigsten effiziente Methode! Die Codelogik ist relativ komplex.

Zweiter Typ: Nacheinander in das Array verschieben

Code kopieren Der Code lautet wie folgt:

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

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

Etwas schneller als die vorherige Methode, aber immer noch nicht gut genug...

Dritte Methode: Direct Join()

Code kopieren Der Code lautet wie folgt:

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

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

Die Verwendung nativer Methoden (z. B. join()) ist im Allgemeinen viel schneller als andere Methoden, unabhängig davon, wie sie später implementiert werden, und der Code ist sehr prägnant.

Browser-Leistungstest

Jede Methode wird mit einem Array mit einer Länge von 130 getestet, wobei die Länge jedes Elements variiert wird, 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 Zeigt die Zeit an, die benötigt wird, um diese 1000 Mal auszuführen: