Heim > Web-Frontend > js-Tutorial > Zusammenfassung der Leistungsoptimierung für For-Schleifen in JS

Zusammenfassung der Leistungsoptimierung für For-Schleifen in JS

不言
Freigeben: 2018-08-02 15:10:58
Original
2146 Leute haben es durchsucht

Dieser Artikel stellt Ihnen eine Zusammenfassung der For-Loop-Leistungsoptimierung in JS vor. Ich hoffe, dass er für Freunde hilfreich ist.

Wir verwenden wirklich zu viele FOR-Schleifen, aber haben Sie auf die optimierte Schreibweise geachtet? Aufzeichnung:

1. Die gebräuchlichste Schreibweise, daran ist nichts auszusetzen

for (var i = 0; i < 10; i++) {    // do something...}
Nach dem Login kopieren

2 Schleifen sind variabel. Situation

for (var i = 0; i < arr.length; i++) {    // do something...}
Nach dem Login kopieren

Tatsächlich schreiben die meisten Leute auf diese Weise, dass das Array jedes Mal gelesen werden muss Zeit, in der es Schleifen gibt. Die Länge ist nicht kosteneffektiv.

3. Optimierte Schreibmethode für variable Situationen die Länge und dann die Schleife. Die Länge muss nicht gelesen werden

4. Die oben genannten 3 können auch so geschrieben werden

for (var i = 0, l = arr.length; i < l; i++) {    // do something...}
Nach dem Login kopieren

Das ist nur 3. Es ist nur eine Variation, eine andere Schreibweise, überhaupt keine Optimierung. Da es keinen Bereich auf Blockebene gibt, ist der Effekt derselbe wie bei 3

5. Optimiertes Schreiben und aktualisierte Version

var i = 0, l = arr.length;        
for (; i < l; i++) {    // do something...}
Nach dem Login kopieren

Empfohlene Schreibmethode, die eine Variable basierend auf der dritten Methode speichert.

Empfohlene verwandte Artikel:

So konvertieren Sie vue.js-Bilder in Base64, laden Bilder hoch und zeigen eine Vorschau an

Ein Fall von js Thread - um Zufälligkeit zu erzielen Schneller Schreibmaschineneffekt

Das obige ist der detaillierte Inhalt vonZusammenfassung der Leistungsoptimierung für For-Schleifen in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage