Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript

Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript

青灯夜游
Lepaskan: 2022-01-26 11:26:55
asal
8601 orang telah melayarinya

Kaedah untuk melaksanakan gelung: 1. untuk penyataan gelung; 3. penyataan gelung "do while" 6. kaedah peta(); 7. kaedah penapis () 8. beberapa ();

Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

12 kaedah traversal gelung dalam JavaScript

1 untuk gelung

let arr = [1,2,3];
for (let i=0; i<arr.length; i++){
 console.log(i,arr[i])
}
// 0 1
// 1 2
// 2 3
Salin selepas log masuk

Gelung for ialah alat gelung yang paling biasa digunakan dalam JS dan selalunya digunakan untuk lintasan gelung tatasusunan.

2 untuk dalam gelung

let obj = {name:&#39;zhou&#39;,age:&#39;**&#39;}
for(let i in obj){
 console.log(i,obj[i])
}
// name zhou
// age **
Salin selepas log masuk

kerana dalam gelung digunakan terutamanya untuk melintasi objek biasa, i mewakili nilai kunci objek, dan obj[i ] mewakili nilai yang sepadan, apabila menggunakannya untuk melintasi tatasusunan, kesan yang sama boleh dicapai dalam kebanyakan kes, tetapi anda tidak sepatutnya melakukan ini adalah berisiko, kerana i adalah output dalam bentuk rentetan, bukan subskrip angka diperlukan oleh tatasusunan Ini bermakna bahawa dalam beberapa kes, operasi rentetan akan berlaku, mengakibatkan ralat data, seperti: '52' 1 = '521' dan bukannya 53 yang kita perlukan.

Selain itu, apabila gelung for in bukan sahaja merentasi sifatnya sendiri, ia juga akan menemui prototaip, jadi sebaiknya tambah pertimbangan dalam badan gelung, hanya gunakan obj[i].hasOwnProperty( i), untuk mengelakkan Terlalu banyak atribut yang tidak perlu dilalui.

3. Gelung while

Begitu juga melintasi susunan kereta, mula-mula gunakan kaedah gelung for

let cars=["BMW","Volvo","Saab","Ford"];
let i=0;
for (;cars[i];)
{
console.log(cars[i])
i++;
};
// BMW
// Volvo
// Saab
// Ford
Salin selepas log masuk

dan kemudian kaedah gelung while< . . Lihat kod. Lebih mudah untuk bangun, itu sahaja.

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
console.log(cars[i] + "<br>")
i++;
};
Salin selepas log masuk

4. gelung do while

Gelung do while ialah varian gelung while Mula-mula menjalankan operasi dan kemudian melakukan pertimbangan bersyarat Jika benar, teruskan operasi; jika salah, gelung berakhir.

let i = 3;
do{
 console.log(i)
 i--;
}
while(i>0)
// 3
// 2
// 1
Salin selepas log masuk

5. Tatasusunan untukSetiap gelung

untukSetiap gelung, gelung melalui setiap elemen dalam tatasusunan dan mengambil operasi tidak ada nilai pulangan perlu mengetahui panjang tatasusunan Terdapat tiga parameter, hanya yang pertama diperlukan dan mewakili nilai di bawah indeks semasa.

let arr = [1,2,3];
arr.forEach(function(i,index){
 console.log(i,index)
})
// 1 0
// 2 1
// 3 2
Salin selepas log masuk

Juga sila ambil perhatian bahawa gelung forEach tidak boleh dihentikan sebelum semua elemen dipanggil. Jika anda mesti berhenti, anda boleh mencuba pernyataan cuba tangkap, iaitu apabila anda mahu memaksa keluar , membuang ralat untuk menangkap, dan kemudian kembali dalam tangkapan, supaya gelung boleh ditamatkan Jika anda sering menggunakan kaedah ini, adalah lebih baik untuk menyesuaikan fungsi untukSetiap dalam perpustakaan anda.

6. Kaedah peta tatasusunan ()

kaedah map() mengembalikan tatasusunan baharu Elemen dalam tatasusunan ialah elemen tatasusunan asal selepas memanggil nilai fungsi.

Nota: Kaedah peta dan forEach hanya boleh digunakan untuk melintasi tatasusunan, bukan objek biasa.
let arr = [1,2,3];
let tt = arr.map(function(i){
 console.log(i)
 return i*2;
})
// [2,4,6]
Salin selepas log masuk


7. Kaedah penapis tatasusunan ()

Kaedah penapis ialah kaedah terbina dalam objek Tatasusunan tanpa menukar tatasusunan asal.

let arr = [1,2,3];
let tt = arr.filter(function(i){
 return i>1;
})
// [2,3]
Salin selepas log masuk

8 kaedah Tatasusunan beberapa()

kaedah some() digunakan untuk mengesan sama ada elemen dalam tatasusunan memenuhi syarat yang ditetapkan (disediakan oleh function) dan mengembalikan nilai boolean tanpa mengubah tatasusunan asal.

let arr = [1,2,3];
let tt = arr.some(function(i){
 return i>1;
})
// true
Salin selepas log masuk

9 kaedah Tatasusunan setiap()

setiap kaedah() digunakan untuk mengesan sama ada semua elemen tatasusunan memenuhi syarat yang ditetapkan (disediakan melalui function) dan mengembalikan nilai boolean, tidak mengubah tatasusunan asal.

let arr = [1,2,3];
let tt = arr.some(function(i){
 return i>1;
})
// 检测数组中元素是否都大于1
// false
Salin selepas log masuk

10. Kaedah reduce() Array

Kaedah reduce() menerima fungsi sebagai penumpuk, setiap nilai dalam tatasusunan (dari kiri ke kanan ) mula berkurangan dan akhirnya dikira kepada nilai.

let arr = [1,2,3];
let ad = arr.reduce(function(i,j){
 return i+j;
})
// 6
Salin selepas log masuk

11. Kaedah reduceRight() Array

Kaedah reduceRight() mempunyai fungsi yang sama seperti reduce(), ia bermula dari hujung tatasusunan untuk Mulakan pengiraan sebelum.

let arr = [1,2,3];
let ad = arr.reduceRight(function(i,j){
 return i+j;
})
// 6
Salin selepas log masuk

12 untuk gelung

Gelung for ialah pernyataan baharu dalam Es6, digunakan untuk menggantikan untuk dalam dan untukSetiap Tatasusunan (Array), Rentetan (String), Peta (Pemetaan), Set (Koleksi) dan struktur data boleh lelar (Data boleh lelar) lain, perhatikan keserasiannya.

let arr = [&#39;name&#39;,&#39;age&#39;];
for(let i of arr){
 console.log(i)
}
// name
// age
Salin selepas log masuk
[Cadangan berkaitan:

tutorial pembelajaran javascript

]

Atas ialah kandungan terperinci Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan