Rumah > Artikel > hujung hadapan web > Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript
Kaedah untuk melaksanakan gelung: 1. untuk penyataan gelung; 3. penyataan gelung "do while" 6. kaedah peta(); 7. kaedah penapis () 8. beberapa ();
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
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:'zhou',age:'**'} for(let i in obj){ console.log(i,obj[i]) } // name zhou // age **
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
dan kemudian kaedah gelung while
cars=["BMW","Volvo","Saab","Ford"]; var i=0; while (cars[i]) { console.log(cars[i] + "<br>") i++; };
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
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
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]
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]
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
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
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
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
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 = ['name','age']; for(let i of arr){ console.log(i) } // name // age[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!