Pemrograman & Scripting

Pengantar JavaScript Loops

Pengantar JavaScript Loops

Saat ini JavaScript dapat dengan mudah didefinisikan sebagai bahasa pemrograman paling banyak digunakan di dunia: digunakan pada berbagai platform, ini terintegrasi dalam browser web dan berkat The Node.JS runtime itu juga dapat digunakan sisi server. Dalam tutorial ini kita akan melihat loop yang dapat kita gunakan dalam javascript modern.

Dalam tutorial ini Anda akan belajar:

  • Apa sintaks dan bagaimana loop sementara bekerja di javascript
  • Sintaks dari loop do/while dan cara kerjanya dalam javascript
  • Sintaks dari loop untuk dan cara kerjanya dalam javascript
  • Sintaks FOR/OF LOOP dan cara kerjanya dalam JavaScript
  • Sintaks dari loop for/in dan cara kerjanya dalam javascript
Pengantar JavaScript Loops

Persyaratan dan konvensi perangkat lunak yang digunakan

Persyaratan Perangkat Lunak dan Konvensi Baris Perintah Linux
Kategori Persyaratan, konvensi atau versi perangkat lunak yang digunakan
Sistem Distribusi-independen
Perangkat lunak Node.JS untuk menggunakan javascript di luar browser web
Lainnya Pengetahuan Dasar Pemrograman JavaScript dan Object Berorientasi
Konvensi # - mensyaratkan perintah linux yang diberikan untuk dieksekusi dengan hak istimewa root baik secara langsung sebagai pengguna root atau dengan menggunakan sudo memerintah
$ - mensyaratkan perintah Linux yang diberikan untuk dieksekusi sebagai pengguna biasa

Loop while

Itu ketika Loop in JavaScript berfungsi seperti yang Anda harapkan dan Anda terbiasa dalam bahasa pemrograman lainnya. Sintaksnya adalah sebagai berikut:

Sedangkan Pernyataan (Kondisi)
Menyalin

Badan loop dieksekusi selama kondisi, diperiksa di setiap iterasi, evaluasi BENAR. Berikut adalah contoh dari ketika Loop in Action:

Biarkan penghitung = 0; sementara (counter < 5)  console.log(counter); counter++;
Menyalin

Selama eksekusi loop, kami memperoleh output berikut:

0 1 2 3 4

Pada akhirnya, nilai dari menangkal variabel akan menjadi 5:

> penghitung 5

Loop do/while

Itu lakukan/sementara Sintaks loop adalah sebagai berikut:

Lakukan pernyataan saat (kondisi)
Menyalin

Ini bekerja sama dengan ketika loop yang baru saja kami lihat, hanya dengan satu perbedaan. Mari kita tunjukkan dengan sebuah contoh:

Biarkan penghitung = 5; lakukan konsol.Log (Counter) Counter ++;  while (counter < 5);
Menyalin

Mari kita periksa nilai menangkal Variabel setelah loop dieksekusi:

> penghitung 6

Awalnya, kami menetapkan nilai 5 ke menangkal variabel. Bahkan jika kondisi pengujian loop mengevaluasi PALSU (menangkal < 5), nilai dari menangkal Variabel bertambah dari 1, jadi pada akhirnya 6. Itu karena, di a lakukan/sementara loop, loop body selalu dieksekusi setidaknya sekali dan lebih dari diulang selama kondisi mengevaluasi ke BENAR.

Loop untuk

Itu untuk Loop adalah loop klasik, gaya-C:

untuk ([inisialisasi]; [kondisi]; [[ekspresi akhir]) pernyataan
Menyalin

Itu inisialisasi terdiri, biasanya, dalam deklarasi variabel, dievaluasi sekali sebelum loop dieksekusi. Itu kondisi diuji sebelum setiap iterasi loop; Jika mengevaluasi BENAR itu penyataan dieksekusi. Itu Ekspresi akhir Ekspresi, sebaliknya, dievaluasi di akhir setiap iterasi loop. Tiga bloknya opsional, dan masing -masing dari mereka dapat dihilangkan; Namun, penggunaan khas dari untuk Loop adalah sebagai berikut:

untuk (biarkan i = 0; i < 5; i++)  console.log(i)
Menyalin

Kami menggunakan membiarkan kata kunci untuk menginisialisasi Saya variabel dengan nilai 0, Lalu kami mengatur kondisi, sehingga pernyataan loop dieksekusi selama nilai Saya Variabel kurang dari 5. Akhirnya, kami mengatur Ekspresi akhir sehingga nilai dari Saya Variabel bertambah satu setelah setiap iterasi loop. Jika kami menjalankan kode di atas, kami mendapatkan hasil berikut:

0 1 2 3 4

Untuk/loop

Itu untuk/dari Loop telah diperkenalkan di JavaScript dengan Es6. Jenis loop ini dapat digunakan iterable objek, seperti array (atau objek seperti array seperti Nodelist), string, Peta, Mengatur. dll. Sintaksnya adalah sebagai berikut:

untuk (variabel iterable) pernyataan
Menyalin

Anda beralasan memiliki array berikut:

const my_array = ['Bruce', 'John', 'Marta'];
Menyalin

Kita bisa mengulanginya menggunakannya untuk/dari Loop dengan sangat mudah:

untuk (biarkan saya dari my_array) konsol.log (i);
Menyalin

Kode di atas akan memberi kita hasil berikut:

Bruce John Marta

Seperti yang dinyatakan di atas, untuk/dari Loop juga dapat digunakan pada string:

Situs const = "linuxconfig.org "; for (const c situs) konsol.log (c);
Menyalin

Loop akan mengulangi setiap karakter string, memberikan penggunaan hasil berikut:

l i n u x c o n f i g . o r g

Itu untuk/dari Loop juga bekerja Peta Dan Mengatur objek. Objek peta dapat dijelaskan seperti semacam array di mana nilai sewenang -wenang dapat digunakan sebagai kunci, bukan hanya bilangan bulat. Untuk mendefinisikan objek peta kita dapat menggunakan konstruktor kelas peta, dan secara opsional melewati array yang berisi array dua elemen:

const my_map = peta baru ([['nama', 'frodo'], ['ras', 'hobbit']]);
Menyalin

Untuk mengulangi objek peta yang baru saja kami buat menggunakan untuk/dari Loop, kami akan menulis:

untuk (const name_value_pair dari my_map) konsol.log (name_value_pair);
Menyalin

Kami akan mendapatkan:

['Name', 'Frodo'] ['Race', 'Hobbit']
Menyalin

A Mengatur objek juga dapat dilihat sebagai semacam varian array. Perbedaan antara sebagai set objek dan array adalah bahwa yang pertama tidak diindeks dan tidak dipesan, dan tidak dapat berisi nilai duplikat. Untuk mendefinisikan objek yang ditetapkan, kami menggunakan Mengatur Konstruktor kelas:

const my_set = set baru (['frodo', 1]);
Menyalin

Untuk mengulangi set, kami menulis:

untuk (elemen const my_set) konsol.log (elemen);
Menyalin

Seperti yang Anda harapkan, kami akan mendapatkan hasil berikut:

Frodo 1

Itu untuk/dari Loop tidak dapat digunakan Objek yang tidak dapat ditetapkan, seperti benda "biasa". Yang bisa kita lakukan, adalah mengulangi array tombol objek atau array dari nilai yang sesuai. Untuk mendapatkan array dengan semua kunci objek yang dapat kita gunakan Obyek.kunci metode, meneruskan objek kami sebagai argumen. Misalkan kita memiliki objek berikut:

Biarkan karakter = name: 'frodo', ras: 'hobbit'
Menyalin

Jika kami mencoba menggunakan untuk/dari Loop di atasnya kami mendapatkan kesalahan:

untuk (const J karakter) konsol.log (j);  TipeError Uncaught: Karakter tidak dapat diulangi
Menyalin

Kita bisa menulis kode berikut untuk mengulangi kuncinya menggunakan untuk/dari lingkaran:

untuk (kunci const objek.kunci (karakter)) konsol.log ('$ key adalah: $ karakter [key]');
Menyalin

Kami akan mendapatkan hasil berikut:

Nama adalah: Frodo Race adalah: Hobbit

Iterasi langsung atas nilai objek itu sama mudahnya: kita dapat menggunakan Obyek.nilai Metode untuk mendapatkan array yang berisi semua nilai yang terkait dengan kunci objek:

untuk (const I objek.nilai (karakter)) konsol.log (i);
Menyalin

Seperti yang Anda harapkan, outputnya adalah:

Frodo Hobbit

Loop for/in

Itu untuk/in Loop di JavaScript mengulangi semua terhubungkan Properti suatu objek menggunakan urutan yang sewenang -wenang. Itu bekerja pada properti yang diwakili oleh string, jadi itu akan lewat Simbol. Sintaks loop adalah sebagai berikut:

untuk pernyataan (variabel dalam objek)
Menyalin

Saat digunakan pada array itu akan mengulangi indeks, jadi misalnya, iterasi di atas my_array array yang kami definisikan sebelumnya:

untuk (kunci const di my_array) konsol.log (kunci);
Menyalin

akan menghasilkan hasil berikut:

0 1 2

Begini caranya, menggunakan untuk/in Loop, kita dapat menulis ulang kode yang kita gunakan sebelumnya untuk mengulangi yang tidak dapat ditentukan karakter Properti Objek:

untuk (kunci const dalam karakter) konsol.log ('$ key adalah: $ karakter [key]');
Menyalin

Kesimpulan

Dalam artikel ini kita melihat 5 jenis loop yang dapat kita gunakan dalam javascript modern, mulai dari ketika dan lakukan/sementara loop, dan melanjutkan untuk memeriksa untuk, untuk/dari Dan untuk/in loop dan sintaksnya. Jika Anda tertarik pada JavaScript sebagai topik, Anda dapat melihat artikel kami tentang fungsi panah atau fungsi pesanan lebih tinggi.

Tutorial Linux Terkait:

  • Menguasai loop skrip bash
  • Loop bersarang dalam skrip bash
  • Pengantar Otomatisasi Linux, Alat dan Teknik
  • Hal -hal yang harus diinstal pada ubuntu 20.04
  • Seberapa sering Anda harus me -reboot server linux Anda?
  • Mint 20: Lebih baik dari Ubuntu dan Microsoft Windows?
  • File Konfigurasi Linux: 30 Teratas Paling Penting
  • Loop bash dengan contoh
  • Hal -hal yang harus dilakukan setelah menginstal ubuntu 20.04 FOSSA FOSSA Linux
  • Cara menginstal kubernet di ubuntu 20.04 FOSSA FOSSA Linux