Analisis prestasi JS untuk menambah item pada kemahiran array_javascript

Membandingkan prestasi antara 4 cara untuk menambah item pada tatasusunan:

Gunakan pengindeks untuk menambah

Salin kod Kod adalah seperti berikut:

console.time("index");
var a = [];
untuk (var i = 0, l = kali; i < l; i ) {
a[i] = i;
}
console.timeEnd("index");

Gunakan kaedah tolak

Salin kod Kod adalah seperti berikut:

console.time("tolak");
var a = [];
untuk (var i = 0, l = kali; i < l; i ) {
a.push(i);
}
console.timeEnd("push");

Gunakan kaedah concat

Salin kod Kod adalah seperti berikut:

console.time("concat");
var a = [];
untuk (var i = 0, l = kali; i < l; i ) {
a.concat(i);
}
console.timeEnd("concat");

Gunakan kaedah concat, parameter ialah tatasusunan

Salin kod Kod adalah seperti berikut:

console.time("concat with array");
var a = [];
untuk (var i = 0, l = kali; i < l; i ) {
a.concat([i]);
}
console.timeEnd("concat with array");

Tetapkan masa kepada 10,000 (sepuluh ribu) kali:

Salin kod Kod adalah seperti berikut:

indeks: 0.310ms
tolak: 1.476ms
concat: 8.911ms
concat dengan tatasusunan: 2.261ms

Tetapkan masa kepada 100000 (seratus ribu) kali:

Salin kod Kod adalah seperti berikut:

indeks: 1.967ms
tolak: 11.980ms
concat: 70.410ms
concat dengan tatasusunan: 28.292ms

Tetapkan masa kepada 1000000 (juta) kali:

Salin kod Kod adalah seperti berikut:

indeks: 138.559ms
tolak: 93.074ms
concat: 608.768ms
concat dengan tatasusunan: 243.371ms

Tetapkan masa kepada 10000000 (sepuluh juta) kali:

Salin kod Kod adalah seperti berikut:

indeks: 1473.733ms
tolak: 611.636ms
concat: 6058.528ms
concat dengan tatasusunan: 2431.689ms

Ringkasan

Kesimpulan ini hanya terpakai pada penyemak imbas Chrome

Kecekapan pelaksanaan kaedah concat adalah yang paling perlahan
Berbanding dengan lulus parameter bagi dua kaedah concat, apabila parameter diterima sebagai tatasusunan, kecekapan pelaksanaan lebih tinggi daripada apabila parameter diterima sebagai bukan tatasusunan
Dalam kebanyakan kes, kecekapan pelaksanaan pengindeks adalah lebih tinggi daripada kaedah tolak
Apabila bilangan pelaksanaan meningkat, kecekapan pelaksanaan pengindeks mula menjadi lebih rendah daripada kaedah tolak

Perbandingan penyemak imbas

Terima kasih kepada netizen kerana menunjukkan bahawa saya kurang pengalaman, jadi saya akan menambah perbandingan mendatar antara pelayar di sini

Pertama ialah menggunakan kaedah concat Dalam IE dan Firefox, jika parameter ialah tatasusunan, kecekapan pelaksanaan lebih perlahan berbanding jika parameter bukan tatasusunan, tetapi perbezaannya tidak besar
Maka kaedah indeks dan tolak pasti lebih pantas daripada concat Menggunakan kaedah indeks dalam IE sentiasa lebih pantas daripada push Dalam Firefox, tolak adalah lebih baik sedikit tetapi perbezaannya tidak besar
Membandingkan kecekapan pelaksanaan indeks dan kaedah tolak antara tiga penyemak imbas, perbezaannya adalah besar Kecekapan pelaksanaan Firefox jauh lebih tinggi daripada IE dan Chrome Dalam kes berjuta-juta kali, ia pada asasnya 10 kali lebih cepat. Berbanding dengan penyemak imbas lain, kecekapan pelaksanaan Firefox pada asasnya adalah 10 kali lebih pantas daripada kedua-duanya

Berikut adalah keputusan berjuta-juta kali:

Salin kod Kod adalah seperti berikut:

// firefox
indeks: pemasa dimulakan
indeks: 229.79ms
tolak: pemasa dimulakan
tolak: 205.12ms
concat: pemasa dimulakan
concat: 2136.99ms
concat dengan tatasusunan: pemasa dimulakan
concat dengan tatasusunan: 2365.18ms
```

Salin kod Kod adalah seperti berikut:

//iaitu
indeks: 2,533.744 milisaat
tolakan: 3,865.979 milisaat
concat: 4,303.139 milisaat
concat dengan tatasusunan: 4,792.208 milisaat

Artikel ini hanya membincangkan prestasi JS, dan mendalami pemahaman javascript oleh rakan-rakan melalui perbandingan.