Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript

Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript

青灯夜游
青灯夜游asal
2022-01-26 11:26:558554semak imbas

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

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 **

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 = [&#39;name&#39;,&#39;age&#39;];
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!

Kenyataan:
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