Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Dasar JavaScript A’ud Solehuddin::Januari2012
2
Materi Variabel dan Nilai Tipe Data Ekspresi Operator Konversi Tipe
Komentar
3
Variabel dan Nilai Variabel adalah wadah yang digunakan untuk menyimpan nilai Nilai dapat berubah-ubah
4
Mendeklarasikan Variabel
Menggunakan pernyataan var Contoh: var nama = "ALI"; var nilai = 0; var x, y, z = "7"; var alamat;
5
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
6
Tipe Data Tidak mendukung secara eksplisit Secara implisit: Bilangan
String Boolean
7
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
8
Contoh <HTML> </HTML> <HEAD>
<TITLE>Contoh Bilangan</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- document.write("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>
9
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
10
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>
11
Tipe Logika/Boolean Memiliki dua nilai, yaitu: true dan false
12
Nilai Null Nilai khusus yang berarti bahwa nilainya tidak ada Contoh:
var jumlah;
13
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>
14
Ekspresi Bentuk yang menghasilkan nilai
Bentuk sederhana: literal atau variabel Bentuk kompleks: melibatkan operator dan operand contoh: * 3
15
Operator Operator matematika Operator perbandingan Operator logika
Operator penugasan Operator lain-lain
16
Operator Matematika Operator: +, -, *, /, %, ++, -- Contoh:
<HTML> <HEAD> <TITLE>Operasi Matematika</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- document.write(" = " + (20 + 3) ); document.write("<BR>"); document.write(" = " + (20 - 3) ); document.write("20 * 3 = " + (20 * 3) ); document.write("20 / 3 = " + (20 / 3) ); document.write("20 % 3 = " + (20 % 3) ); //--> </SCRIPT> </BODY> </HTML>
17
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
18
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
19
Contoh Lain Contoh 1: var a = 2; b = 8 – a++; // nilai b = 6 Contoh 2:
20
Contoh Lain var a = 5; var b = 8 - a++; document.write("1. b = " + b);
document.write("<BR>"); a = 5; b = a; document.write("2. b = " + b); b = 8 - a--; document.write("3. b = " + b); b = a; document.write("4. b = " + b);
21
Operator Penugasan Berguna untuk memberikan nilai ke suatu variabel
Contoh-contoh: a = 5 b = 5 + a a += 2 a -= 2 dst
22
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"
23
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>");
24
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));
25
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
Presentasi serupa
