Heim > Web-Frontend > js-Tutorial > Slice vs. For-Schleife in JavaScript: Welche Methode bietet eine schnellere Array-Duplizierung?

Slice vs. For-Schleife in JavaScript: Welche Methode bietet eine schnellere Array-Duplizierung?

Susan Sarandon
Freigeben: 2024-12-11 13:10:13
Original
342 Leute haben es durchsucht

Slice vs. For Loop in JavaScript: Which Method Offers Faster Array Duplication?

Leistungsanalyse: Duplizieren von Arrays in JavaScript mit Slice vs. For-Schleife

In JavaScript gibt es mehrere Ansätze zum Duplizieren eines Arrays. Zwei gängige Methoden sind die Slice-Methode und die for-Schleife. In diesem Artikel wird ihre relative Leistung untersucht, um festzustellen, welche schneller ist.

Slice-Methode:

Die Slice-Methode erstellt ein neues Array, indem sie einen bestimmten Teil des ursprünglichen Arrays extrahiert. Der folgende Code zeigt ein Beispiel:

var dup_array = original_array.slice();
Nach dem Login kopieren

For-Schleife:

Eine for-Schleife durchläuft jedes Element des ursprünglichen Arrays und erstellt manuell eine Kopie in einem neuen Array:

for(var i = 0, len = original_array.length; i < len; ++i)
   dup_array[i] = original_array[i];
Nach dem Login kopieren

Ergebnisse:

Benchmarks haben ergab, dass die Slice-Methode bei Blink-basierten Browsern wie Chrome und Edge im Allgemeinen schneller ist, während die for-Schleife in anderen Browsern wie Firefox und Safari schneller ist. Dies ist auf interne Optimierungen für Slice und Concat in Blink-Browsern zurückzuführen.

Insbesondere die Spread-Syntax (z. B. [...original_array]) und Array.from() haben sich als die schnellsten Methoden für die Array-Duplizierung herausgestellt , übertrifft in den meisten Szenarien sowohl Slice als auch die for-Schleife.

Benchmark Skripte:

Die folgenden JavaScript-Skripte können in der Konsole des Browsers ausgeführt werden, um die Leistung der for-Schleifen- und Slice-Methoden zu vergleichen:

For-Schleife:

n = 1000 * 1000;
start = +new Date();
a = Array(n);
b = Array(n);
i = a.length;
while (i--) b[i] = a[i];
console.log(new Date() - start);
Nach dem Login kopieren

Slice:

n = 1000 * 1000;
start = +new Date();
a = Array(n);
b = a.slice();
console.log(new Date() - start);
Nach dem Login kopieren

Durch Laufen Wenn Sie diese Skripte mehrmals ausführen, können Sie die relative Leistung jeder Methode unter verschiedenen Browserbedingungen beobachten.

Hinweis: Denken Sie daran, dass diese Methoden nur eine flache Kopie durchführen, d. h. Objekte, auf die im Original verwiesen wird Das Array wird mit dem duplizierten Array geteilt. Erwägen Sie Deep-Cloning-Techniken für komplexere Datenstrukturen.

Das obige ist der detaillierte Inhalt vonSlice vs. For-Schleife in JavaScript: Welche Methode bietet eine schnellere Array-Duplizierung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage