Dasar JavaScript A’ud Solehuddin::Januari2012
Materi Variabel dan Nilai Tipe Data Ekspresi Operator Konversi Tipe Komentar
Variabel dan Nilai Variabel adalah wadah yang digunakan untuk menyimpan nilai Nilai dapat berubah-ubah
Mendeklarasikan Variabel Menggunakan pernyataan var Contoh: var nama = "ALI"; var nilai = 0; var x, y, z = "7"; var alamat;
Menamakan Variabel Diawali dengan huruf atau karater garis bawah(_) Karakter kedua dan seterusnya bisa berupa huruf, angka, atau karakter garis bawah Huruf kapital dan huruf kecil dibedakan Contoh nama variabel: sah: var, X, kuartal2, bulan_12 salah: 2bulan, bulan 2, bulanMaret+April berbeda: Bulan_2 dengan BULAN_2
Tipe Data Tidak mendukung secara eksplisit Secara implisit: Bilangan String Boolean
Tipe Bilangan Dibedakan menjadi tipe bilangan bulat dan real Desimal (0 – 9) Oktal (0 – 7) Diawali dengan 0 Heksadesimal (0 – 9 dan A – F) Diawali dengan 0x
Contoh <HTML> </HTML> <HEAD> <TITLE>Contoh Bilangan</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- document.write("027 = " + 027 + " desimal"); document.write("<BR>"); document.write("0x27 = " + 0x27 + " desimal"); document.write("2.1E+05 = " + 2.1E+05); document.write("2.1E-05 = " + 2.1E-05); //--> </SCRIPT> </BODY> </HTML>
Tipe String String adalah deretan karakter Diberi petik ganda/tunggal sebagai awalan dan akhiran Diberi awalan dan akhiran petik ganda bila string mengandung petik tunggal Diberi awalan dan akhiran petik tunggal bila string mengandung petik ganda
Contoh <HTML> </HTML> <HEAD> <TITLE>Contoh String</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- document.write( 'Pepatah mengatakan, "Tak kenal maka tak sayang."'); document.write("<BR>"); document.write("Please, don't go"); //--> </SCRIPT> </BODY> </HTML>
Tipe Logika/Boolean Memiliki dua nilai, yaitu: true dan false
Nilai Null Nilai khusus yang berarti bahwa nilainya tidak ada Contoh: var jumlah;
Operator typeof Berguna untuk mengetahui tipe dari argumennya Contoh: <HTML> <HEAD> <TITLE>Contoh typeof</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- document.write("1. " + typeof(true) + "<BR>"); document.write("2. " + typeof(false) + "<BR>"); document.write("3. " + typeof("523") + "<BR>"); document.write("4. " + typeof(523) + "<BR>"); document.write("5. " + typeof(null) + "<BR>"); document.write("6. " + typeof(window) + "<BR>"); document.write("7. " + typeof(document.write) + "<BR>"); //--> </SCRIPT> </BODY> </HTML>
Ekspresi Bentuk yang menghasilkan nilai Bentuk sederhana: literal atau variabel Bentuk kompleks: melibatkan operator dan operand contoh: 1 + 2 * 3
Operator Operator matematika Operator perbandingan Operator logika Operator penugasan Operator lain-lain
Operator Matematika Operator: +, -, *, /, %, ++, -- Contoh: <HTML> <HEAD> <TITLE>Operasi Matematika</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- document.write("20 + 3 = " + (20 + 3) ); document.write("<BR>"); document.write("20 + 3 = " + (20 - 3) ); document.write("20 * 3 = " + (20 * 3) ); document.write("20 / 3 = " + (20 / 3) ); document.write("20 % 3 = " + (20 % 3) ); //--> </SCRIPT> </BODY> </HTML>
Operator ++ Berguna untuk menaikkan isi suatu variabel sebesar 1 Contoh 1: var a = 2; a++; // nilai a adalah 3 Contoh 2: ++a; // nilai a adalah 3
Operator -- Berguna untuk menurunkan isi suatu variabel sebesar 1 Contoh 1: var a = 2; a--; // nilai a adalah 1 Contoh 2: --a; // nilai a adalah 1
Contoh Lain Contoh 1: var a = 2; b = 8 – a++; // nilai b = 6 Contoh 2:
Contoh Lain var a = 5; var b = 8 - a++; document.write("1. b = " + b); document.write("<BR>"); a = 5; b = 8 - ++a; document.write("2. b = " + b); b = 8 - a--; document.write("3. b = " + b); b = 8 - --a; document.write("4. b = " + b);
Operator Penugasan Berguna untuk memberikan nilai ke suatu variabel Contoh-contoh: a = 5 b = 5 + a a += 2 a -= 2 dst
Konversi Tipe JavaScript melakukan konversi tipe secara otomatis Contoh: var uang_amir = 500; var uang_edi = "600"; maka, ekspresi uang_amir + uang_edi atau uang_edi + uang_amir akan menghasilkan "500600" atau "600500"
parseInt() dan parseFloat() var a = parseInt("27"); document.write("1. " + a + "<BR>"); a = parseInt("27.5"); document.write("2. " + a + "<BR>"); var a = parseInt("27A"); document.write("3. " + a + "<BR>"); a = parseInt("A27.5"); document.write("4. " + a + "<BR>"); var b = parseFloat("27"); document.write("5. " + b + "<BR>"); b = parseFloat("27.5"); document.write("6. " + b + "<BR>");
var b = parseFloat("27A"); document.write("7. " + b + "<BR>"); b = parseFloat("A27.5"); document.write("8. " + b + "<BR>"); var uang_amir = 500; // Numerik var uang_edi = "600"; // String document.write("9. "); document.write(uang_amir + uang_edi); document.write("<BR>"); document.write("10. "); document.write(uang_edi + uang_amir); document.write("11. "); document.write(parseInt(uang_edi) + uang_amir); document.write("12. "); document.write(parseInt("11", 16));
Komentar Dibuat dengan pasangan /* */ Ditulis dengan awalan // Contoh: Ini merupakan contoh komentar dalam JavaScript yang meliputi beberapa baris */ Ditulis dengan awalan // var a = 5; // Pendeklarasian variabel a