Heim > Artikel > Web-Frontend > Der schnellste und beste Weg, HTML-Strings in javascript_javascript-Tipps zu verbinden
Erster Typ: Zeichenfolgen einzeln hinzufügen
Dies ist die häufigste, aber am wenigsten effiziente Methode! Die Codelogik ist relativ komplex.
Zweiter Typ: Nacheinander in das Array verschieben
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()
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: