Pengenalan kepada Gelung JavaScript
- 2828
- 122
- Dale Harris II
Kini JavaScript dapat dengan mudah ditakrifkan sebagai bahasa pengaturcaraan yang paling banyak digunakan di dunia: ia digunakan pada pelbagai platform, ia disepadukan dalam pelayar web dan terima kasih kepada Nod.js runtime ia juga boleh digunakan pelayan. Dalam tutorial ini kita akan melihat gelung yang boleh kita gunakan dalam JavaScript moden.
Dalam tutorial ini anda akan belajar:
- Apakah sintaks dan bagaimana gelung sementara berfungsi di javascript
- Sintaks Do/While Loop dan Bagaimana Ia Berfungsi di JavaScript
- Sintaks untuk gelung dan bagaimana ia berfungsi dalam javascript
- Sintaks untuk/gelung dan bagaimana ia berfungsi dalam javascript
- Sintaks untuk/dalam gelung dan bagaimana ia berfungsi dalam javascript
Pengenalan kepada Gelung JavaScript Keperluan perisian dan konvensyen yang digunakan
| Kategori | Keperluan, konvensyen atau versi perisian yang digunakan |
|---|---|
| Sistem | Pengedaran-bebas |
| Perisian | Nod.js untuk menggunakan javascript di luar pelayar web |
| Yang lain | Pengetahuan asas JavaScript dan pengaturcaraan berorientasikan objek |
| Konvensyen | # - Memerlukan arahan Linux yang diberikan untuk dilaksanakan dengan keistimewaan akar sama ada secara langsung sebagai pengguna root atau dengan menggunakan sudo perintah$ - Memerlukan arahan Linux yang diberikan sebagai pengguna yang tidak layak |
Gelung sementara
The manakala Gelung di JavaScript berfungsi seperti yang anda harapkan dan anda biasa dalam bahasa pengaturcaraan lain. Sintaksinya adalah seperti berikut:
sementara (keadaan) pernyataan Badan gelung dilaksanakan selagi keadaan, diperiksa pada setiap lelaran, menilai ke Benar. Berikut adalah contoh manakala gelung dalam tindakan:
biarkan kaunter = 0; sementara (kaunter < 5) console.log(counter); counter++; Semasa pelaksanaan gelung, kami memperoleh output berikut:
0 1 2 3 4
Pada akhirnya, nilai kaunter pemboleh ubah akan menjadi 5:
> Kaunter 5
Loop Do/While
The lakukan/sementara sintaks gelung adalah seperti berikut:
melakukan pernyataan semasa (keadaan) Ia berfungsi sama dengan manakala gelung yang kita lihat, dengan hanya satu perbezaan. Mari kita tunjukkan dengan contoh:
biarkan kaunter = 5; lakukan konsol.log (kaunter) kaunter ++; sementara (kaunter < 5); Mari kita periksa nilai kaunter Pembolehubah selepas gelung dilaksanakan:
> Kaunter 6
Pada mulanya, kami memberikan nilai 5 kepada kaunter pembolehubah. Walaupun keadaan ujian gelung menilai ke salah (Kaunter < 5), nilai kaunter Pembolehubah bertambah 1, jadi pada akhirnya 6. Itu kerana, dalam a lakukan/sementara gelung, badan gelung sentiasa dilaksanakan sekurang -kurangnya sekali dan daripada diulangi selagi keadaan menilai ke Benar.
Untuk gelung
The untuk Gelung adalah gelung gaya klasik, C:
untuk ([inisialisasi]; [syarat]; [final-expression]) pernyataan The permulaan terdiri, biasanya, dalam perisytiharan berubah, dinilai sekali sebelum gelung dilaksanakan. The keadaan diuji sebelum setiap lelaran gelung; Sekiranya ia menilai ke Benar The penyata dilaksanakan. The Ekspresi akhir Ungkapan, sebaliknya, dinilai pada akhir setiap lelaran gelung. Tiga blok itu pilihan, dan setiap satu daripada mereka boleh ditinggalkan; Walau bagaimanapun, penggunaan biasa dari untuk Gelung adalah seperti berikut:
untuk (biarkan i = 0; i < 5; i++) console.log(i) Kami menggunakan Biarkan kata kunci untuk memulakan i berubah dengan nilai 0, Kemudian kami menetapkan keadaan, supaya pernyataan gelung dilaksanakan selagi nilai i Pemboleh ubah kurang dari 5. Akhirnya, kami menetapkan Ekspresi akhir Jadi nilai i Pembolehubah ditingkatkan satu selepas setiap lelaran gelung. Jika kita melaksanakan kod di atas, kita memperoleh hasil berikut:
0 1 2 3 4
Untuk/gelung
The untuk/dari gelung telah diperkenalkan di JavaScript dengan ES6. Gelung jenis ini boleh digunakan ia boleh diperolehi objek, seperti tatasusunan (atau objek seperti array seperti Nodelist), rentetan, Peta, Tetapkan. dan lain-lain. Sintaksinya adalah seperti berikut:
untuk (pemboleh ubah itable) pernyataan Sekiranya kita mempunyai array berikut:
const my_array = ['Bruce', 'John', 'Marta']; Kita boleh melangkah ke atasnya menggunakan untuk/dari gelung dengan mudah:
untuk (biarkan saya dari my_array) konsol.log (i); Kod di atas akan memberi kami hasil berikut:
Bruce John Marta
Seperti yang dinyatakan di atas, untuk/dari Gelung juga boleh digunakan pada rentetan:
const site = "linuxconfig.org "; untuk (const c of site) konsol.log (c); Gelung akan melangkah ke atas setiap watak rentetan, memberikan penggunaan hasil berikut:
l i n u x c o n f i g . o r g
The untuk/dari Gelung juga berfungsi Peta dan Tetapkan objek. Objek peta boleh digambarkan seperti jenis array di mana nilai sewenang -wenangnya boleh digunakan sebagai kunci bukan hanya bilangan bulat. Untuk menentukan objek peta, kita boleh menggunakan pembina kelas peta, dan secara pilihan lulus array yang mengandungi tatasusunan dua elemen:
const my_map = peta baru ([['nama', 'frodo'], ['bangsa', 'hobbit']]); Untuk melelehkan objek peta yang baru saja kami buat menggunakan untuk/dari gelung, kami akan menulis:
untuk (const name_value_pair of my_map) konsol.log (name_value_pair); Kami akan memperoleh:
['Nama', 'Frodo'] ['Race', 'Hobbit'] A Tetapkan Objek juga boleh dilihat sebagai sejenis variasi array. Perbezaan antara objek set dan array adalah bahawa bekas tidak diindeks dan tidak diperintahkan, dan tidak boleh mengandungi nilai pendua. Untuk menentukan objek yang ditetapkan, kami menggunakan Tetapkan Pembina Kelas:
const my_set = set baru (['frodo', 1]); Untuk melangkah ke atas set, kami menulis:
untuk (unsur unsur my_set) konsol.log (elemen); Seperti yang anda harapkan, kami akan mendapat hasil berikut:
Frodo 1
The untuk/dari Gelung tidak boleh digunakan Objek yang tidak boleh dielakkan, seperti objek "biasa". Apa yang boleh kita lakukan, adalah untuk melangkah ke atas pelbagai kunci objek atau pelbagai nilai yang sepadan. Untuk mendapatkan array dengan semua kunci objek kita boleh menggunakan Objek.Kunci kaedah, melepasi objek kami sebagai argumen. Katakan kita mempunyai objek berikut:
biarkan watak = name: 'frodo', bangsa: 'hobbit' Sekiranya kita cuba menggunakan untuk/dari Gelung di atasnya kita mendapat ralat:
untuk (const j of watak) konsol.log (j); TypeError Uncaught: Watak tidak boleh dimatikan Kami boleh menulis kod berikut untuk melangkah ke atas kuncinya menggunakan untuk/dari Gelung:
untuk (const kunci objek.kunci (aksara)) konsol.log ('$ key adalah: $ watak [key]'); Kami akan mendapat hasil berikut:
Nama: Frodo Race adalah: Hobbit
Melangkah terus ke atas nilai objek itu semudah itu: kita boleh menggunakannya Objek.nilai kaedah untuk mendapatkan array yang mengandungi semua nilai yang berkaitan dengan kekunci objek:
untuk (const i objek.nilai (aksara)) konsol.log (i); Seperti yang anda harapkan, outputnya adalah:
Frodo Hobbit
Untuk/dalam gelung
The untuk/masuk Gelung di JavaScript melangkah ke atas semua boleh dibaca sifat objek menggunakan perintah sewenang -wenang. Ia berfungsi pada sifat -sifat yang diwakili oleh rentetan, jadi ia akan melangkau Simbol. Sintaks gelung adalah seperti berikut:
untuk pernyataan (pembolehubah dalam objek) Apabila digunakan pada array, ia akan melangkah ke atas indeks, jadi sebagai contoh, melangkah ke atas my_array Array yang kami tentukan sebelum ini:
untuk (const kekunci dalam my_array) konsol.log (kunci); akan menghasilkan hasil berikut:
0 1 2
Inilah caranya, menggunakan untuk/masuk gelung, kita boleh menulis semula kod yang kita gunakan sebelum ini untuk melelehkan yang tidak dapat dielakkan watak sifat objek:
untuk (const kekunci dalam watak) konsol.log ('$ key adalah: $ watak [key]'); Kesimpulan
Dalam artikel ini kita melihat apakah 5 jenis gelung yang boleh kita gunakan dalam javascript moden, bermula dari manakala dan juga lakukan/sementara gelung, dan meneruskan untuk memeriksa untuk, untuk/dari dan untuk/masuk gelung dan sintaks mereka. Sekiranya anda berminat dengan JavaScript sebagai topik, anda boleh melihat artikel kami mengenai fungsi anak panah atau fungsi pesanan yang lebih tinggi.
Tutorial Linux Berkaitan:
- Menguasai Gelung Skrip Bash
- Gelung bersarang dalam skrip bash
- Pengenalan kepada Automasi, Alat dan Teknik Linux
- Perkara yang hendak dipasang di Ubuntu 20.04
- Berapa kerap anda perlu reboot pelayan Linux anda?
- Mint 20: Lebih baik daripada Ubuntu dan Microsoft Windows?
- Fail Konfigurasi Linux: 30 teratas yang paling penting
- Gelung bash dengan contoh
- Perkara yang perlu dilakukan setelah memasang ubuntu 20.04 Focal Fossa Linux
- Cara memasang kubernet di ubuntu 20.04 Focal Fossa Linux