Web Fundamental Sesi 8 - Pengenalan Javascript

Javascript adalah sebuah bahasa pemrograman yang tergolong kedalam scripting language, artinya kode program tidak perlu di-compile untuk menghasilkan program. Javascript pertamakali dikembangkan oleh seorang programmer Netscape bernama Brendan Eich pada tahun 1995. Walaupun namanya cukup mirip, namun javascript hampir tidak ada hubungannya dengan java. Berdasarkan survey StackOverflow tahun 2020, Javascript merupakan bahasa pemrograman yang paling banyak digunakan. Jika HTML dan CSS menangani struktur dan style webstie, maka javascript bertugas memberikan fungsi interaktif pada website. Berdasarkan standar yang ada, javascript memiliki 9 tipe data utama (Undefined, Boolean, Number, String, Bigint, Symbol, Object, Function, Null). Hari ini kita akan mempelajari 5 tipe data terlebih dahulu yang termasuk kedalam Primitive Data Types.

Primitive data type - number

• Contoh tipe data number: 46 5.3 -9
• Yang dapat kita lakukan dengan tipe data number:
• Penjumlahan ( + ), Pengurangan ( - ), Perkalian ( * ), Pembagian ( / ), pangkat (**)
• 1 + 1 hasilnya adalah 2
• 5 - 1 hasilnya adalah 4
• 3 * 2 hasilnya adalah 6
• 9 / 3 hasilnya adalah 3
• 2 ** 3 hasilnya adalah 8
• Urutan operasi bilangan:
• Bagi > Kali > Kurang > Tambah
• 2-3+4/2*3 hasilnya adalah 5
• 1+2-3/4*5 hasilnya adalah -0.75
• JS juga mengikuti aturan operation order:
• 2 * (10 - 4) hasilnya 12
• Menggunakan mod (sisa hasil bagi):
• 10 mod 3  ->  10 % 3  hasilnya adalah 1
• 20 mod 5  ->  20 % 5  hasilnya adalah 0

Challenge

Selesaikan soal ini:

1. 10 * (9 - 6) + 10 

2. 20 % (3 * 4)

3. 5 + 10 - 2 * 20 / 4

4. (3 ** 3) / 3

5. 10 - 5 + 10 * 5 / 10

Primitive data type - string

• Tipe data string ditandai dengan penggunaan tanda quote atau double quote, contohnya:
• "Selamat pagi" atau 'Web Fundamental' atau "100 ribu"
• Ingat, jangan campurkan quote dan double quote, gunakan salah satunya saja. Contoh: "Selamat pagi'
• Agar satu persepsi, kita akan menggunakan double quote saja.
• Jika ingin memunculkan quote atau double quote kita harus menggunakan escape charracter.
• Contoh 1: jika ingin menulis Dia berkata "Kenanglah aku" maka kita harus menulisnya seperti ini: "Dia berkata \"Kenanglah aku\""
• Contoh 2: jika ingin  menulis Assalamu'alaikum menggunakan quote maka penulisannya 'Assalamu\'alaikum'
• Jika ingin menggunakan backslash dalam string maka tulislah duakali, contoh Return \ Enter maka ditulis "Return \\ Enter"
• String juga dapat digabungkan dengan string lainnya dengan operator + (tambah), ini dinamakan concatenation. Contoh untuk menggabungkan kata Tasik dan malaya maka kita tulis "Tasik" + "malaya"
• Tipe data string ini akan memiliki property, contohnya kita akan menggunakan property .length yang fungsinya digunakan untuk mengetahui berapa banyaknya karakter pada string. Contoh: dengan mengetikan "Assalamu'alaikum".length maka hasilnya  adalah 16
• Hal selanjutnya yang dapat kita lakukan pada string adalah pengambilan karakter tunggal dengan menuliskan [n] dimana n adalah urutan karakter (penomoran karakter dimulai dari 0). Contoh: untuk mengambil huruf T pada kata Tasikmalaya penulisannya adalah "Tasikmalaya"[0]
• Sedangkan untuk mengambil beberapa karakter kita dapat menggunakan property substr atau substring. Contoh:
• "Tasikmalaya".substr(0,5) maka hasilnya Tasik
• "Tasikmalaya".substring(0,5) maka hasilnya Tasik
• "Tasikmalaya".substr(3,5) maka hasilnya ikmal
• "Tasikmalaya".substring(3,8) maka hasilnya ikmal

Selesaikan soal ini:

1. Tulis kata-kata ini menggunakan string javascript: You may face many "test" in life but don't let life defeat you \ let you down

2. Dari kalimat TASIK KOTA RESIK coba pisahkan masing-masing kata menggunakan property substring

3. "Hari".length + "jum'at \\ \"friday\"".length berapakah banyak karakternya?

Variable

• Variable adalah sebuah container/wadah yang tugasnya menyimpan sebuah value/nilai.

//syntax penulisan variable

var NamaVariable = NilaiIsiVariable;

//contoh variable

var nama = "jordan";

var nomorSaya = 9;

var mahasiswa = true;

//syntax pemanggilan variable

var nama = "jordan";

"Selamat pagi " + nama //hasilnya "Selamat pagi jordan"

var nomorSaya = 9;

(nomorSaya + 6) % 5 //hasilnya 0

• Variable nilainya dapat berubah/diupdate

var nama = "jordan";

var nama = "axel";

"Selamat pagi " + nama //hasilnya "Selamat pagi axel"

Primitive data type - null dan undefined

• Pada dasarnya null dan undefined melambangkan hal yang sama yaitu kekosongan atau ketidakadaan.
• undefined dapat diartikan bahwa variable diketahui akan tetapi penggunaannya belum ditentukan. Lihat contoh dibawah ini:

var namaku;

namaku //hasilnya akan undefined

namamu //hasilnya akan error

• dapat kita simpulkan bahwa javascrip sadar akan keberadaa variable namaku namun tidak mengetahui nilai dari variable tersebut. Beda halnya dengan variable namamu, dimana javascript tidak mengenalinya sama sekali.
• null dapat diartikan bahwa isi variable kosong. Lihat contoh dibawah ini:

var namaKu = "violet";

namaKu //hasilnya adalah violet

var namaKu = null;

namaKu //hasilnya adalah null