Heim  >  Artikel  >  Web-Frontend  >  Der schnellste und beste Weg, HTML-Strings in javascript_javascript-Tipps zu verbinden

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

WBOY
WBOYOriginal
2016-05-16 16:45:371151Durchsuche

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:
Der schnellste und beste Weg, HTML-Strings in javascript_javascript-Tipps zu verbinden

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn