PWPB: Praktikum 8

Loop, Fungsi, Objek, dan UI

Bismillah, Assalamua'alaikum Warrahmatullahi Wabarakatuh, saya Firdaus Haqiqi dari Kelas XI RPL 3 SMK Negeri 4 Bandung. Kali ini saya akan memberikan contoh Loop(Perulangan), Fungsi, Objek, dan UI pada Javascript. Selamat Membaca :).

I. Loop

Loop/Perulangan merupakan struktur yang memungkinkan untuk menjalankan kode program yang sama beberapa kali dengan menggunakan suatu kondisi tertentu. Perulangan dalam javascript memiliki tiga bentuk, perulangan :

1. for,

2. while ,

3. do-while.

A. For

for ( inisialisasi; kondisi; peubah ) {

baris program 1;

baris program 2;

...

}

1. For

Kodingannya:

Hasilnya:

2. For In

Kodingannya:

Hasilnya:

B. While

while ( kondisi ) {

kode program yang ingin

dijalankan berkali-kali;

}

Kodingannya:

Hasilnya:

C. Do While

do {

kode program yang ingin

dijalankan berkali-kali;

} while( kondisi );

Kodingannya:

Hasilnya:

II. Fungsi

Fungsi dalam pemrograman merupakan suatu mekanisme yang digunakan untuk mengelompokkan program dalam menyelesaikan suatu kasus, proses atau rumus aritmatika tertentu. Fungsi dalam proses pemanggilannya (eksekusi) ada yang membutuhkan data tertentu agar dapat berjalan. Data tertentu yang perlu diberikan saat pemanggilan fungsi ini dikenal dengan nama parameter. Setiap fungsi dapat tidak memiliki atau memiliki lebih dari satu parameter. Aturan penamaan fungsi mengikuti aturan penamaan variabel. Bentuk dari blok fungsi adalah sebagai berikut.

function nama_fungsi ( parameter1,parameter2, ..., parameterN ){

kode program sebagai definisi fungsi

return nama_nilai_balik_jika_ada;

}

Berikut cara memanggil fungsi:

varHasil = nama_fungsi ( nilai_parameter1, nilai_parameter2, ..., nilai_parameterN ) ;

Keterangan :

varHasil: variabel yang dapat digunakan untuk menampung nilai balik dari fungsi

yang dipanggil bila ada.

Dilihat dari hasil akhirnya fungsi dalam javascript dibedakan jadi 2, yaitu fungsi yang memiliki nilai balik dan fungsi yang tidak memiliki nilai balik. Nilai balik adalah nilai hasil operasi yang dijalankan didalam fungsi diberikan ke bagian program lainnya untuk diproses lebih lanjut. Nilai balik dalam javascript dinyatakan dengan menggunakan kata kunci return. Contoh kasusnya dalam program penghitung luas dan volume limas. Dimana dalam perhitungan volume juga terdapat menyertakan perhitungan luas didalamnya. Dengan kata lain untuk menghitung volume limas kita harus menghitung luas alasnya terlebih dahulu. Dalam program, proses ini diterjemahkan sebagai berikut.

var panjang = 5;

var lebar = 3;

var tinggi = 4;

var luasAlas;

var volume;

luasAlas = panjang * lebar;

volume = luasAlas * tinggi / 2;

A. Fungsi dengan Return

Kodingannya:

Hasilnya:

B. Fungsi Tanpa Return

Kodingannya:

Hasilnya:

C. Fungsi charAt

Kodingannya:

Hasilnya:

D. Fungsi indexOf

Kodingannya:

Hasilnya:

III. Objek dan UI

Pemrograman berorientasi obyek adalah sebuah paradigma dalam pemrograman yang mengelompokkan fungsi, prosedur, variabel ataupun konstanta terkait dalam satu kesatuan (kelas) seperti obyek dalam dunia nyata. Obyek sendiri merupakan wujud dari kelas, secara umum dikenal dengan nama instan. Teknik-teknik dalam pemrograman ini merupakan pengembangan dari teknik sebelumnya seperti modularitas, polimorfisme, dan enkapsulasi. Saat ini ada banyak bahasa pemrograman yang telah mendukung pemrograman berorientasi obyek ini, seperti C++, C#, Java, Javascript, PHP, Python, Ruby, dan Objective C.

Javascript menggunakan PBO dengan model pemrograman berbasis prototipe. Model ini tidak mengenal kelas, yang ada adalah obyek. Obyek dalam model ini dapat dimodifikasi secara runtime seperti penambahan variabel (properti) ataupun metode (fungsi/prosedur). Model ini juga dikenal dengan istilah pemrograman PBO tanpa kelas, berorientasi prototipe atau berbasis instan. Javascript memiliki banyak obyek bawaan seperti Math, Array, String dan Object. Setiap obyek dalam Javascript adalah instan dari obyek Object, sehingga memiliki semua properti dan metode yang ada. Javascript merupakan bahasa PBO yang menggunakan kata kunci function untuk mendefinisikan suatu kelas. Oleh karena itu pembuatan kelas sama dengan pembuatan fungsi dalam Javascript.