Fungsionalitas dalam JavaScript bertumpu pada beberapa konsep yang sangat penting, dan variabel, aliran kontrol, dan perulangan adalah beberapa fondasi terkuatnya. Variabel memungkinkan kita untuk menyimpan dan mereferensikan informasi yang berarti dalam memori, aliran kontrol memungkinkan kita menjalankan fungsionalitas berdasarkan kondisi tertentu, dan perulangan memungkinkan kita mengulangi perilaku hingga kondisi tertentu terpenuhi.
Dengan memulai serangkaian prinsip dasar ini, Anda akan mampu memecahkan masalah dan berkomunikasi melalui hampir semua skenario dalam JavaScript.
Variabel
Apa yang terjadi ketika kode JavaScript dijalankan? Pertama, mesin menelusuri kode satu baris pada satu waktu dan menyimpan informasi (data) yang telah kita tulis menggunakan kata kunci deklarasi khusus yang disebut — Anda dapat menebaknya — variabel. JavaScript yang menyimpan data tersebut memungkinkan kami untuk mereferensikan, mengubah, atau menjalankan fungsionalitas di dalamnya nanti.
Kita dapat menyimpan data dalam berbagai format (disebut tipe data) dengan cara berbeda. Misalnya,
Dalam kode ini, kita menyimpan angka, string, objek, array, dan boolean ke variabel yang diberi nama dengan tepat.
Aliran Kontrol
Menyimpan data ke variabel adalah awal dari pemahaman fungsionalitas dalam JavaScript, namun bagaimana kita dapat bergerak menuju pencapaian fungsionalitas tersebut? Kami dapat menjalankan fungsi yang berbeda berdasarkan kondisi tertentu. Kami menyebutnya aliran kontrol, dan dalam JavaScript hal ini dapat difasilitasi dengan menggunakan pernyataan kondisional. Ini kelihatannya seperti apa? Ya, kami memiliki kemampuan untuk mengontrol pernyataan alur secara berantai menggunakan kata kunci if, else if, dan else.
Kita dapat menggunakan beberapa pernyataan if pada data yang sama. Setiap contoh baru dari satu kata kunci if akan dianggap sebagai awal dari aliran kontrol baru. Kita tidak memerlukan kondisi else jika kita tidak mempunyai case default.
Dalam contoh ini, kami memeriksa apakah nilai saya berada dalam kisaran tertentu, dan mengambil tindakan yang sesuai. Jika suatu kondisi tidak terpenuhi, kode untuk kondisi tersebut tidak akan dijalankan.
Perulangan
Kami menyimpan data sehingga kami dapat mengambilnya nanti dan menjalankan fungsionalitas di dalamnya. Kita memiliki alat bawaan dalam sintaksis JavaScript yang dikenal sebagai for loop, yang memungkinkan kita mengakses setiap indeks array (satu per satu) dan melakukan sesuatu dengan elemen tersebut. Kami merujuk kembali ke data yang kami simpan menggunakan label, atau nama variabel, yang kami berikan, dan kami dapat mengakses elemen dari array kami menggunakan tanda kurung siku (notasi braket).
Mari kita perhatikan contoh di mana kita ingin menjumlahkan beberapa angka dan kemudian mencari rata-ratanya (dengan asumsi skor yang mungkin adalah 100).
Perulangan Bersarang
Apa yang terjadi jika kita memasukkan satu perulangan ke dalam perulangan yang lain? Mengapa kita ingin melakukan ini? Biasanya praktik terbaik adalah menghindari perulangan bersarang jika memungkinkan; namun, terkadang hal itu diperlukan.
Misalnya, jika kita ingin melihat semua jumlah yang mungkin untuk setiap angka dalam sebuah array, kita akan menggunakan perulangan for untuk mengakses setiap angka dalam array, dan kemudian kita akan menggunakan perulangan for bagian dalam untuk tambahkan setiap nomor dalam array ke nomor yang kita iterasi di loop luar.
Saat membuat loop bersarang, hindari penggunaan nama variabel yang identik di salah satu loop. Biasanya menggunakan i sebagai nama variabel untuk perulangan for bagian luar, dan j untuk perulangan dalam.
Menggabungkan fungsionalitas
Kita dapat menggunakan kombinasi fungsi yang berbeda untuk mencapai tujuan kita. Bagaimana jika kita ingin melihat apakah ada dua angka dalam array kita yang berjumlah 7?
Kita dapat menggunakan kombinasi alat yang dipelajari hari ini (loop dengan aliran kontrol) untuk menyelesaikan tugas ini!
Di sini, kita menugaskan array ke variabel bernama myNums, dan menggunakan variabel tersebut dalam dua perulangan for. Di perulangan for bagian dalam, kita membuat kondisi untuk memeriksa apakah jumlahnya berjumlah 7 dan, jika ya, mengambil tindakan ekstra.
Kesimpulan
Variabel, perulangan, dan aliran kontrol merupakan prinsip dasar JavaScript. Bagian dasar JavaScript ini memungkinkan kita menyimpan data dan menerapkan fungsionalitas pada data tersebut. Ini adalah tulang punggung pengembangan web dengan JavaScript.
Mari kita segera membahas apa yang telah kita pelajari. Variabel dan eksekusi mengacu pada saat kita menulis kode dan menjalankannya, kita terutama menyimpan 'data' dan menjalankan 'fungsionalitas' di dalamnya. Ada berbagai jenis data yang dapat kami simpan dan jenis fungsinya berbeda. Ini disebut sebagai tipe data, dan kita dapat menjalankan kode pada data tersebut. Aliran kontrol memungkinkan kita menjalankan beberapa fungsi berdasarkan kondisi yang berbeda, dan perulangan memungkinkan kita menjalankan fungsi yang sama berulang-ulang hingga status terminasi tercapai.
Seperti yang diharapkan mulai Anda lihat, kita dapat menggunakan kombinasi fungsi berbeda pada data yang tersedia untuk membuat aplikasi canggih untuk memecahkan masalah teknik.
