javascript - perulangan for

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan menjelaskan sedikit tentang perulangan For pada Javascript. 

 

Pengulangan (Looping)

Sebelum berbicara tentang instruksi, kita bicarakan dulu tentang Loop. Loop adalah struktur instruksi-instruksi yang dapat di eksekusi berulang-ulang selama kondisi syaratnya belum terpenuhi. Cara yang paling umum dalam melakukan Loop adalah dengan menambahkan variabel penghitung/counter (variabel yang bertambah satu unit nilai selama satu kali Loop instruksi dijalankan (increment)), Loop akan berhenti jika variabel penghitung sudah melewati batas nilai tertentu yang dijadikan syarat.

 

JavaScript mendukung dua struktur loop, perintah for dan perintah while. Untuk kontrol pada struktur loop, JavaScript menyediakan perintah break dan continue. 

Perintah For

For adalah salah satu Instruksi yang menggunakan fasilitas Loop. Dalam sintaksnya kita hanya perlu memasukkan nama variabel sebagai penghitung (dan juga nilai awalnya, serta kondisi dimana loop akan berhenti (pada dasarnya, kondisi dimana nilai penghitung melewati angka tertetu)), dan yang terakhir instruksi modifikasi penghitung, increment (naik per unit) atau decrement (turun per unit). Perintah for mengulang suatu loop sampai kondisi menghasilkan evaluasi true atau loop keluar dengan perintah break.

Tabel Penggunaan Pernyataan for sebagai berikut:

Penjelasan dari contoh diatas, loop ini akan 5 kali menampilkan nilai dari i, mulai dari i=1,2,3,4,5. Loop dimulai dari i=1 dan akan selalu melakukan cek dan verifikasi apakah nilai i kurang dari 6. Sampai pada i=6, dimana kondisi syaratnya sudah tidak terpenuhi maka loop akan berhenti.

Urutan proses untuk perintah for adalah sebagai berikut:

1. Interpreter menjalankan ekspresi-awal. Ekspresi ini menentukan nilai yang diperlukan untuk kendali perulangan.
2. Kemudian interpreter memeriksa kondisi. Jika true, kendali dilanjutkan ke langkah selanjutnya. Jika false, kendali diarahkan ke perintah setelah perulangan.
3. Interpreter menjalankan ekspresi-penambah, yang mana melakukan update terhadap variabel yang digunakan untuk kendali perulangan.
4. Kemudian statement dijalankan dan, jika ditemukan suatu break atau continue, kendali kembali ke langkah 2.

Sebagai contoh, Buatlah file html dengan script seperti di bawah ini:

Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:

Demikianlah sedikit penjelasan dan contoh tentang perulangan for pada Javascript. Semoga bermanfaat, Salam sukses...

javascript - if operator && sederhanakan

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan memberikan contoh (if operator && di sederhanakan) pada Javascript.

Langsung saja kepada contoh, buatlah dile html dengan script sebagai berikut:

Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:

Demikianlah contoh fungsi dari ('if operator && di sederhanakan) pada Javascript. Semoga bermanfaat, Salam sukses...

javascript - if operator &&

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan memberikan contoh tentang penggunaan (if operator &&) pada Javascript.

Sebagai contoh, Buatlah file html dengan script seperti di bawah ini:

Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:

Demikianlah contoh (if operator &&) pada Javascript. Semoga bermanfaat, Salam sukses...

javascript - if else satu perintah

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan memberikan contoh if else satu perintah pada Javascript.

Sebagai contoh, Buatlah file html dengan script seperti di bawah ini:

 Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:

Demikianlah contoh If Else satu perintah pada Javascript. Semoga bermanfaat, Salam sukses...

javascript - if else

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan menjelaskan sedikit tentang pengunaan if else pada Javascript. 

Pernyataan if..else

Pernyataan ini digunakan untuk menguji sebuah kondisi, kemudian mengeksekusi pernyataan tertentu bila kondisi tersebut terpenuhi, atau mengeksekusi pernyataan lain bila kondisi tersebut tidak terpenuhi. Tata cara penulisan dari perintah kondisi tersebut adalah sebagai berikut:

Tabel Penulisan Menggunakan Pernyataan If

kondisi adalah ekspresi JavaScript yang mana hasil evaluasinya memiliki nilai Boolean true atau false.

Jika hanya suatu perintah tunggal, tanda kurawal tidak diperlukan. Contoh berikut adalah perintah yang benar:

Pada pernyataan if..else, Anda bisa menggabungkan beberapa kondisi dengan menggunakan operator logika &&,||, atau !. Perhatikan contoh berikut:

Pada contoh diatas, bila a dan b lebih besar dari nol, maka j diberi nilai 1. Sebaliknya jika salah satu dari a atau b tidak lebih daripada 0, maka x bernilai 0.

Contoh Program, Buatlah file html dengan script seperti di bawah ini:

Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:

Demikianlah sedikit penjelasan tentang if else pada Javascript. Semoga bermanfaat, Salam sukses...

javascript - latihan tipedata operator

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan memberikan contoh tentang tipedata dan operator pada Javascript.

Buatlah file html dengan script seperti di bawah ini:

<html>
<head>
    <title>javascript latihan tipedata operator</title>
</head>
<body bgcolor="lightblue">
    <script language="javascript">
        <!--
        document.writeln("<pre>");
            var a = 10;
            var b = 5;
            var c = 0;
       
            document.writeln("variabel a = " , a);
            document.writeln("variabel b = " , b);
            document.writeln("variabel c = " , c);
           
            document.writeln("<hr>");
           
            var i = ++a;
            var j = b++;
           
            document.writeln("Nilai dari ++a = " , i);
            document.writeln("Nilai dari b++ = " , j);
           
            document.writeln("<hr>");
           
            var k = i * j;
            document.writeln("Nilai dari ++a x b++ = " , k);
            var k = a + b;
            document.writeln("Nilai dari k = a + b = " , k);
           
            document.writeln("<hr>");
           
            var k = k + k;
            document.writeln("Nilai dari k + k = " , k);
           
            document.writeln("<hr>");
           
            var k = (a + b) / c;
            document.writeln("Nilai dari (a + b) / c = " , k);
        document.writeln("</pre>");
        -->
    </script>
</body>
</html>

Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:

Demikianlah sebuuah contoh tentang tipedata dan operator pada Javascript. Semoga bermanfaat, Salam sukses...

javascript - operator

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan menjelaskan sedikit tentang operator pada Javascript.

A. Operator

Operator adalah simbol untuk memanipulasi variabel, dengan kata lain melakukan operasi-operasi, mengevaluasi, dan lain-lainnya.

JavaScript memiliki operator binari maupun unari. Suatu operator binari memiliki format : operand1 operator operand2. Sebagai contoh, 9 * 7 atau temp = 24 adalah ekspresi dengan operator binari.

Operator unari memiliki dua format:

operand operator atau operator operand

Sebagai contoh ekspresi mengunakan operator unari adalah ++y atau y++.
 

Operator JavaScript dapat dibagi menjadi beberapa kategori berikut:operator operand

 

1. Operator Pemberi Nilai (Assignment operator)

Operator pemberi nilai (=) adalah suatu operator binari yang digunakan untuk memberi nilai ke operand di sisi kiri (biasanya berupa suatu variabel) yang didasarkan pada nilai operand sebelah kanan (seperti NamaDepan = "Hendra" atau x = y * 9).

Dibawah ini adalah tabel Daftar Operator Assignment

2. Operator Perhitungan (Arithmetic Operator)

Operator penghitungan digunakan untuk memodifikasi nilai dari variabel secara matematika.

Dibawah ini adalah tabel Jenis Operator Aritmatika

3. Operator Afektasi

Operator ini digunakan untuk menyederhanakan operasi penambahan nilai dalam satu variabel dan menyimpan hasilnya di dalam variabel itu sendiri. Operasi ini biasanya ditulis dengan cara berikut : x=x+2, dengan menggunakan operator afektasi operasi tersebut bisa dituliskan menjadi x+=2, dan jika nilai awal x=7 maka nilai akhir x menjadi 9. Jenis jenis operator seperti ini adalah sebagai berikut :

Tabel Jenis Operator Afektasi

4. Operator Inkrementasi

Operator ini digunakan untuk menambahkan ataupun mengurangi per unit dari satu variabel. Operator ini sangat berguna dalam struktur pemrograman sistem Loop, yang membutuhkan penghitung (variabel yang nilainya naik/turun satu persatu).
Operator dengan model x++ bisa menggantikan notasi x=x+1 atau x+=1

Dibawah ini adalah tabel Jenis Operator Inkrementasi

5. Operator Pemanipulasi Bit (Bitwise operator) 

Untuk programmer yang perlu menangani bit. JavaScript menyediakan satu set dari operator bitwise. Untuk operator ini, JavaScript melakukan konversi terhadap operand menjadi integer 32-bit sebelum melakukan operasi padanya. Operator logika bitwise adalah :

 

a. Bitwise AND (&), akan mengembalikan nilai dari logika AND antara sepasang bit. Sebagai 

    contoh , 0x0f & 0x0a mengembalikan 0x0a. '

b. Bitwise OR (|), akan mengembalikan nilai dari logika OR antara setiap pasangan dari bit. Sebagai 

    contoh, 0x05 | 0x0a mengembalikan 0x0f. 

c. Bitwise XOR (^), akan mengembalikan nilai dari logika exclusive OR between antara tiap 

    pasangan bit. Sebagai contoh, 0x0f ^ 0x0a mengembalikan 0x05.

 

JavaScript juga menyediakan satu set bitwise untuk operasi shift operand1 terhadap jumlah yang ditentukan di operand2. Operand ini adalah

 

a. Shift left (<<), akan mengeser bit ke kiri dengan jumlah tertentu. Bit yang melewati batas kiri akan 

   diabaikan, dan suatu bit nol akan digeser dari kanan. Sebagai contoh, 0x0f << 2 mengembalikan 

   0x3c. 

b. Sign propagating shift right (>>) mempertahankan bit tanda dari nilai ketika melakukan geser ke 

    kanan sesuai dengan jumlah yang ditentukan. Bit yang tergeser melewati bata kanan akan 

    diabaikan, kecuali bit tanda, bit nol akan digeser dari kiri. Sebagai contoh, 10 >>  mengembalikan 

    2 dan -10 >> 2 mengembalikan -2. 

c. Zero-fill right shift (>>>) sama seperti >>, cuma tidak mempertahankan bit tanda ketika dilakukan 

   pergeseran sesuai dengan jumlah yang ditentukan.

 

6. Operator Logika (Logical Operator)

Operator logika membutuhkan operand dengan nilai Boolean (true atau false) dan mereka akan mengembalikan suatu nilai logika. Operator logika adalah sebagai berikut :

7. Operator Pembanding (Comparison Operator)
Operator ini digunakan untuk melakukan pemeriksaan suatu nilai dan membandingkannya dengan nilai atau kondisi yang lain.

 

Jenis Operator Pembanding

 

 

9. Operator String

Operator string (+) menggabung dua nilai string dan mengembalikan satu string dimana merupakan hasil gabungan dari keduanya. Sebagai contoh :
"Java" + "Script" Menghasilkan "JavaScript"

Operator shorthand + mengabung string kiri dengan string dikanan operand dan memberikan nilai baru pada operand disebelah kiri.

B. Ekspresi

Ekspresi merupakan pengkombinasian beberapa operand dan operator yang dapat dievaluasi agar menghasilkan nilai tertentu. Literal dan variabel dihubungkan oleh operator dan akan menghasilkan ekspresi. JavaScript menyediakan berbagai operator yang memungkinkan programmer menulis sejumlah ekspresi dari yang paling sederhana sampai yang paling sulit.

Contoh:

Ekspresi kondisional merupakan ekspresi yang nilainya tergantung pada kondisi tertentu. Sintaksnya sebagai berikut :

pada ekspresi ini jika kondisi dievaluasi benar, ekspresi akan mengembalikan nilai1. Sebaliknya jika kondisi dievaluasi salah, ekspresi akan mengembalikan nilai2. Contoh :

Contoh diatas, jika nilai X lebih besar dari Y, maka variabel temp akan bernilai “Benar”, jika X lebih besar atau sama dengan Y, maka variabel temp bernilai “Salah”.

C. Derajat Operator

Dalam ekspresi yang kompleks dimana melibatkan lebih dari satu operator, urutan operasi dari operator menentukan nilai hasil evaluasi. Dengan menggunakan tanda kurung, programmer dapat mengatur aturan tersebut. Tabel 4 adalah urutan derajat/prioritas operasi dari yang paling rendah sampai yang paling tinggi.

Tabel Derajat/Prioritas Operator

Contoh :