BAB XVII
VARIABLE, GLOBAL VARIABLE, TIPE DATA &
OPERATOR
A. CAPAIAN PEMBELAJARAN
Pada bab ini mempelajari tentang variable, Global
Variabel, Tipe Data dan Operator bahasa pemrograman java
script untuk web dinamis saat dterapkan ke halaman HTML
Setelah mempelajari bab ini, mahasiswa dapat menggunakan
dan mengimplementaskan variable, Global Variabel, Tipe
Data dan Operator Bahasa javascript dalam HTML.
B. MATERI
1. Variabel
Variabel pada JavaScript adalah sebuah nama
lokasi penyimpanan yang mempunyai nilai. Terdapat dua
jenis variabel dalam JavaScript: yaitu variabel lokal dan
variabel global.
Ada beberapa aturan penamaan varaible saat
mendeklarasikan variabel JavaScript (juga dikenal
sebagai pengidentifikasi). Berikut aturan penamaannya:
Pemrograman Web 1 269
a. Nama harus dimulai dengan huruf (a ke z atau A ke Z),
garis bawah ( ), atau tanda dolar ( $ ).
b. Setelah huruf pertama kita bisa menggunakan angka
(0 sampai 9), misalnya nilai1.
c. Variabel JavaScript peka terhadap huruf besar-kecil,
misalnya x dan X adalah variabel yang berbeda.
Contoh Penamaan Variable yang benar:
Contoh Penamaan Variable yang Salah :
Contoh penggunaan variabel pada JavaScript
Gambar 17. 1 contoh variable
Pemrograman Web 1 270
Hasil Output :
30
2. Variabel lokal pada JavaScript
Variabel lokal JavaScript dideklarasikan di dalam
blok atau fungsi. Ini dapat diakses hanya dalam fungsi
atau blok saja . Sebagai contoh:
Gambar 17. 2 Variabel lokal Js
Atau :
Pemrograman Web 1 271
3. Variabel global pada JavaScript
Variabel global JavaScript dapat diakses dari fungsi
apa pun. Variabel ini dideklarasikan di luar fungsi atau
dideklarasikan dengan objek jendela dikenal sebagai
variabel global. Sebagai contoh:
Gambar 17. 3 Contoh Variabel global
Hasil Output :
200 200
Contoh 2 Variabel Global
Pemrograman Web 1 272
Gambar 17. 4 contoh 2 Variabel global
Hasil Output :
Gambar 17. 5 Contoh output Variabel global
Untuk mendeklarasikan variabel global JavaScript
di dalam fungsi, kita perlu menggunakan objek jendela.
Sebagai contoh:
Pemrograman Web 1 273
Sekarang variable tersebut dapat dideklarasikan di dalam
fungsi apa pun dan dapat diakses dari fungsi apa pun.
Sebagai contoh:
Gambar 17. 6 deklarasi Variabel global
Outputnya :
Gambar 17. 7 output Variabel global
Saat kita mendeklarasikan variabel di luar fungsi, itu
ditambahkan ke objek jendela secara internal. Kita juga
dapat mengaksesnya melalui objek jendela atau Internal
variabel global dalam JavaScript Sebagai contoh:
Pemrograman Web 1 274
Gambar 17. 8 function variable
4. Tipe data pada Javascript
JavaScript menyediakan tipe data yang berbeda
untuk menyimpan tipe nilai yang berbeda. Ada dua jenis
tipe data dalam JavaScript.
a. Tipe data primitif
b. Tipe data non-primitif (referensi).
JavaScript adalah bahasa tipe dinamis, artinya kita
tidak perlu menentukan tipe variabel karena secara
dinamis digunakan oleh mesin JavaScript. Kita perlu
menggunakan var di sini untuk menentukan tipe data. Ini
dapat menampung semua jenis nilai seperti angka, string,
dll. Misalnya:
Pemrograman Web 1 275
a. Jenis Tipe Data Primitif
Terdapat lima jenis tipe data primitif dalam
JavaScript. Diantaranya adalah sebagai berikut:
Tabel 17. 1 Jenis Tipe Data Primitif
Tipe Deskripsi
Data
String mewakili urutan tipe data karakter mis. "halo"
Number mewakili nilai numerik mis. 100
Boolean mewakili nilai boolean true atau false
Undefined mewakili nilai yang tidak ditentukan
Null mewakili nol yaitu tidak ada nilai sama sekali
b. Tipe data non-primitif JavaScript
Tipe data non-primitif pada java script sebagai berikut:
Pemrograman Web 1 276
Tabel 17. 2 Jenis Tipe Data non Primitif
Data Type Description
Object mewakili contoh di mana kita dapat
mengakses anggota
Array mewakili group nilai yang sama
RegExp Mewakili ekspresi regelar
5. Operator pada java script
Operator pada JavaScript adalah simbol yang
digunakan untuk melakukan operasi pada operan.
Sebagai contoh:
Tanda , + diatas adalah operator aritmatika dan = adalah
operator penugasan.
Ada beberapa jenis operator berikut dalam JavaScript.
a. Operator Aritmatika
b. Operator Perbandingan (Relasional).
c. Operator Bitwise
d. Operator Logika
Pemrograman Web 1 277
e. Operator Penugasa
f. Operator Khusus
a. Operator Aritmatika JavaScript
Operator aritmatika digunakan untuk melakukan
operasi aritmatika pada operan. Operator berikut
dikenal sebagai operator aritmatika JavaScript.
Tabel 17. 3 operator Aritmatika
Operator Deskripsi Contoh
+ Pertambahan 10+20 = 30
- Pengurangan 20-10 = 10
* Perkalian 10*20 = 200
/ Pembagian 20/10 = 2
% Modulus (Sisa) 20%10 = 0
++ Increment var a=10; a++; a = 11
-- Decrement var a=10; a--; a = 9
Pemrograman Web 1 278
b. Operator Perbandingan JavaScript
Operator perbandingan JavaScript
membandingkan dua operan. Operator pembanding
adalah sebagai berikut:
Tabel 17. 4 operator Perbandingan
Operator Deskripsi Contoh
== Adalah sama dengan 10==20 = false
=== Identik (sama dan sejenis) 10==20 = false
!= Tidak sama dengan 10!=20 = true
!== Tidak identic 20!==20 = false
> Lebih besar dari 20>10 = true
>= Lebih besar dari atau 20>=10 = true
sama dengan
< Lebih kecil dari 20<10 = false
Pemrograman Web 1 279
<= Lebih kecil dari atau sama 20<=10 = false
dengan
Operator Bitwise JavaScript
Operator bitwise melakukan operasi bitwise pada
operan. Operator bitwise adalah sebagai berikut:
Tabel 17. 5 operator Bitwise
Operator Deskripsi Contoh
& Bitwise AND (10==20 & 20==33) = false
| Bitwise OR (10==20 | 20==33) = false
^ Bitwise XOR (10==20 ^ 20==33) = false
~ Bitwise NOT (~10) = -10
<< Bitwise Left (10<<2) = 40
Shift
Pemrograman Web 1 280
>> Bitwise Right (10>>2) = 2
Shift
>>> Bitwise Right (10>>>2) = 2
Shift with Zero
c. Operator Logika javaScript
Operator berikut dikenal sebagai operator logika
JavaScript.
Tabel 17. 6 operator Logika
Operator Deskrip Contoh
&& Logical AND (10==20 && 20==33) = false
|| Logical OR (10==20 || 20==33) = false
! Logical Not !(10==20) = true
d. Operator Penugasan JavaScript
Operator berikut dikenal sebagai operator
penugasan JavaScript.
Pemrograman Web 1 281
Tabel 17. 6 Operator penugasan
Operator Deskripsi Contoh
= Assign/penugasan 10+10 = 20
+= Tambah dan assign var a=10;
a+=20;
a = 30
-= Kurang dan assign var a=20; a-
=10;
a = 10
*= Kali dan assign var a=10;
a*=20;
a = 200
/= Pembagian dan var a=10;
assign a/=2;
a=5
%= Modulus dan assign var a=10;
a%=2;
Pemrograman Web 1 282
a=0
e. Operator Khusus JavaScript
Operator berikut dikenal sebagai operator
khusus JavaScript.
Tabel 17. 7 Operator Khusus
Operator Description
(?:) Operator Bersyarat mengembalikan nilai
berdasarkan kondisi. Ini seperti jika-lain.
, Operator Koma memungkinkan banyak ekspresi
untuk dievaluasi sebagai pernyataan tunggal.
delete Hapus Operator menghapus properti dari objek.
in In Operator memeriksa apakah objek memiliki
properti yang diberikan
instanceof Memeriksa apakah objek adalah turunan dari
tipe yang diberikan
Pemrograman Web 1 283
new Membuat instance (objek)
typeof Memeriksa jenis objek.
void Membuang nilai pengembalian ekspresi.
yield Memeriksa apa yang dikembalikan dalam
generator oleh iterator generator.
C. LATIHAN
1. Diketahui luas segitiga =alas x tinggi / 2 , Buat lah
variable global untuk mencari luas segitiga tersebut hasil
ya seperti gambar dibawah ini :
Gambar 17. 9 Latihan
2. Buat Program menghitung luas lingkaran sederhana
gunakan fungsi aritmatika hasi output yang di inginkan
Pemrograman Web 1 284
Gambar 17. 10 latihan 2
D. REFERENSI
Adi, A. P. (2022). Panduan Cepat Belajar HTML, PHP, &
MYSQL. Elex Media Komputindo.
Jago Ngoding. (2022). HTML Dasar: Iframe. (diakses pada 11
November 2022). Tersedia pada
https://jagongoding.com/web/html/dasar/iframe/.
JavaScript Variable (Diakses pada 11 Januari 2023) tersedia
di https://www.javatpoint.com/javascript-variable
JavaScript Global Variable (Diakses pada 11 Januari 2023)
tersedia di https://www.javatpoint.com/javascript-
global-variable
JavaScript DataType (Diakses pada 11 Januari 2023)
tersedia di https://www.javatpoint.com/javascript-
data-types
JavaScript Operators (Diakses pada 11 Januari 2023) tersedia
di https://www.javatpoint.com/javascript-operators
Pemrograman Web 1 285
