Javascript Perbandingan Sama Nilai dan Tipe

 

Javascript Perbandingan Sama Nilai dan Tipe

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Perbandingan untuk menyatakan sama nilai dan tipe dinyatakan dengan kode ===

Perbandingan ini disebut strict equality.

Kode === dipakai untuk membandingkan nilai saja sekaligus memperhatikan tipe data.

Contoh:

let a = 7;

let b = “7”;

Nilai 7 termasuk data numerik. 

Nilai “7” termasuk data numerik string.

Dengan kode === Javascript hanya membandingkan nilainya saja dan memperhatikan tipe data apakah data tersebut termasuk data numerik atau data numerik string.

Dalam hal ini, dengan kode === Javascript menampilkan hasil 7===“7” adalah false atau salah, sedangkan hasil 7===7 adalah true atau benar.

Cara 1

Menggunakan perintah document.write(“ “);

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a = 7; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a = 7;

</script>

3. Tulislah kode berikut

let b = “7”;

sehingga kode menjadi 

<script type="text/javascript">

let a = 7;

let b = “7”;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel a dan b.

document.write("Hasilnya =  "+(a === b));

sehingga kode menjadi

<script type="text/javascript">

let a = 7;

let b = “7”;

document.write("Hasilnya =  "+(a === b));

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a = 7;

let b = "7";

document.write("Hasilnya =  "+(a === b));

</script>

Hasil tampilannya berikut:

Hasilnya = false

Cobalah 1

Cobalah untuk kode berikut!

<script type="text/javascript">

let a = 7;

let b = 7;

document.write("Hasilnya =  "+(a === b));

</script>

Hasil tampilannya berikut:

Hasilnya = true

Cobalah 2

Cobalah untuk kode berikut!

<script type="text/javascript">

let a = 7;

let b = true;

document.write("Hasilnya =  "+(a === b));

</script>

Hasil tampilannya berikut:

Hasilnya = false

Cobalah 3

Cobalah untuk kode berikut!

<script type="text/javascript">

let a = null;

let b = null;

document.write("Hasilnya =  "+(a === b));

</script>

Hasil tampilannya berikut:

Hasilnya = true

Read More

Javascript Perbandingan Sama Nilai

 

Javascript Perbandingan Sama Nilai

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Perbandingan untuk menyatakan sama nilai dinyatakan dengan kode ==

Perbandingan ini disebut loose equality.

Kode == dipakai untuk membandingkan nilai saja, tanpa memperhatikan tipe data.

Kode == membandingkan kedua nilai dengan konversi tipe otomatis (type coercion).

Contoh:

let a = 5;

let b = “5”;

Nilai 5 termasuk data numerik. 

Nilai “5” termasuk data numerik string.

Dengan kode == Javascript hanya membandingkan nilainya saja, tanpa memperhatikan tipe data apakah data tersebut termasuk data numerik atau data numerik string.

Dalam hal ini, Javaacript mengkonversi string "5" menjadi angka 5, lalu membandingkannya.

Karena 5 == 5 hasilnya adalah true atau benar.

Cara 1

Menggunakan perintah document.write(“ “);

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a = 5; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a = 5;

</script>

3. Tulislah kode berikut

let b = “5”;

sehingga kode menjadi 

<script type="text/javascript">

let a = 5;

let b = “5”;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel a dan b.

document.write(a == b);

sehingga kode menjadi

<script type="text/javascript">

let a = 5;

let b = “5”;

document.write(a == b);

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a = 5;

let b = "5";

document.write(a == b);

</script>

Hasil tampilannya berikut:

true

Bentuk Penulisan Lain 1

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a = 5; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a = 5;

</script>

3. Tulislah kode berikut

let b = “5”;

sehingga kode menjadi 

<script type="text/javascript">

let a = 5;

let b = “5”;

</script>

4. Tulislah kode berikut

let hasil = a == b;

sehingga kode menjadi 

<script type="text/javascript">

let a = 5;

let b = “5”;

let hasil = a == b;

</script>

5. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel 

document.write(“Hasilnya =  “+hasil);

sehingga kode menjadi

<script type="text/javascript">

let a = 5;

let b = “5”;

let hasil = a == b;

document.write(“Hasilnya =  “+hasil);

</script>

6. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

7. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a = 5;

let b = “5”;

let hasil = a == b;

document.write(“Hasilnya =  “+hasil);

</script>

Hasil tampilannya berikut:

Hasilnya = true

Bentuk Penulisan Lain 2

Kode selengkapnya berikut :

<script type="text/javascript">

let a = 5;

let b = "5";

document.write("Hasilnya =  " + (a == b) );

</script>

Hasil tampilannya berikut:

Hasilnya = true

Bentuk Penulisan Lain 3

Tanpa melibatkan variabel sama sekali

Kode selengkapnya berikut :

<script type="text/javascript">

document.write("Hasilnya =  " + (5 == "5") );

</script>

Hasil tampilannya berikut:

Hasilnya = true

Read More

Javascript Assignment Pangkat Sama

 

Javascript Assignment Pangkat Sama

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Assignment Pangkat Sama dinyatakan dengan kode **=

Contoh:

let a = 5;

a **= 3;

artinya a = a pangkat 3.

atau 

a baru = a lama pangkat 3, sehingga hasilnya = a lama pangkat 3 = 5 pangkat 3 = 125.

Cara 1

Menggunakan perintah document.write(“ “);

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a = 5; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a = 5;

</script>

3. Tulislah kode berikut

a **= 3;

sehingga kode menjadi 

<script type="text/javascript">

let a = 5;

a **= 3;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel a.

document.write("Hasilnya = ”+a);

sehingga kode menjadi

<script type="text/javascript">

let a = 5;

a **= 3;

document.write("Hasilnya = ”+a);

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a = 5;

a **= 3;

document.write("Hasilnya = ”+a);

</script>

Hasil tampilannya berikut:

Hasilnya = 125

Read More

Javascript Assignment Modulo Sama

 

Javascript Assignment Modulo Sama

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Assignment Modulo Sama dinyatakan dengan kode %=

Contoh:

let a = 100;

a %= 4;

artinya a = sisa pembagian (a : 4), 

atau 

a baru = sisa pembagian (a lama : 4). sehingga hasilnya = sisanya pembagian.

100 : 4 = 25 sisanya 0.

Jadi, hasilnya = 0.

Cara 1

Menggunakan perintah document.write(“ “);

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a = 100; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a = 100;

</script>

3. Tulislah kode berikut

a %= 4;

sehingga kode menjadi 

<script type="text/javascript">

let a = 100;

a %= 4;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel a.

document.write("Hasilnya = ”+a);

sehingga kode menjadi

<script type="text/javascript">

let a = 100;

a %= 4;

document.write("Hasilnya = ”+a);

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a = 100;

a %= 4;

document.write("Hasilnya = ”+a);

</script>

Hasil tampilannya berikut:

Hasilnya = 0

Read More

Javascript Assignment Bagi Sama

 

Javascript Assignment Bagi Sama

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Assignment Bagi Sama dinyatakan dengan kode /=

Contoh:

let a = 100;

a /= 4;

artinya a = a : 4, 

atau 

a baru = a lama : 4, sehingga hasilnya = a baru = a lama : 4 = 100 : 4 = 25.

Cara 1

Menggunakan perintah document.write(“ “);

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a = 100; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a = 100;

</script>

3. Tulislah kode berikut

a /= 4;

sehingga kode menjadi 

<script type="text/javascript">

let a = 100;

a /= 4;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel a.

document.write("Hasilnya = ”+a);

sehingga kode menjadi

<script type="text/javascript">

let a = 100;

a /= 4;

document.write("Hasilnya = ”+a);

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a = 100;

a /= 4;

document.write("Hasilnya = ”+a);

</script>

Hasil tampilannya berikut:

Hasilnya = 25

Read More

Javascript Assignment Kali Sama

 

Javascript Assignment Kali Sama

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Assignment Kali Sama dinyatakan dengan kode *=

Contoh:

let a = 50;

a *= 4;

artinya a = a x 4, 

atau 

a baru = a lama x 4, sehingga hasilnya = a baru = a lama x 4 = 50 x 4 = 200.

Cara 1

Menggunakan perintah document.write(“ “);

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a = 50; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a = 50;

</script>

3. Tulislah kode berikut

a *= 4;

sehingga kode menjadi 

<script type="text/javascript">

let a = 50;

a *= 4;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel a.

document.write("Hasilnya = ”+a);

sehingga kode menjadi

<script type="text/javascript">

let a = 50;

a *= 4;

document.write("Hasilnya = ”+a);

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a = 50;

a *= 4;

document.write("Hasilnya = ”+a);

</script>

Hasil tampilannya berikut:

Hasilnya = 200

Read More

Javascript Assignment Kurang Sama

 

Javascript Assignment Kurang Sama

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Assignment Kurang Sama dinyatakan dengan kode -=

Contoh:

let a = 100;

a -= 40;

artinya a = a - 40, 

atau 

a baru = a lama - 40, sehingga hasilnya = a baru = a lama - 40 = 100 - 40 = 60.

Cara 1

Menggunakan perintah document.write(“ “);

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a = 100; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a = 100;

</script>

3. Tulislah kode berikut

a -= 40;

sehingga kode menjadi 

<script type="text/javascript">

let a = 100;

a -= 40;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel a.

document.write("Hasilnya = ”+a);

sehingga kode menjadi

<script type="text/javascript">

let a = 100;

a -= 40;

document.write("Hasilnya = ”+a);

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a = 100;

a -= 40;

document.write("Hasilnya = ”+a);

</script>

Hasil tampilannya berikut:

Hasilnya = 60

Read More

Javascript Assignment Jumlah Sama

 

Javascript Assignment Jumlah Sama

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Assignment Jumlah Sama dinyatakan dengan kode +=

Contoh:

let a = 100;

a += 50;

artinya a = a + 50, 

atau 

a baru = a lama + 50, sehingga hasilnya = a baru = a lama + 50 = 100 + 50 = 150.

Cara 1

Menggunakan perintah document.write(“ “);

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a = 60; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a = 60;

</script>

3. Tulislah kode berikut

a += 30;

sehingga kode menjadi 

<script type="text/javascript">

let a = 60;

a += 30;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel a.

document.write("Hasilnya = ”+a);

sehingga kode menjadi

<script type="text/javascript">

let a = 60;

a += 30;

document.write("Hasilnya = ”+a);

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a = 60;

a += 30;

document.write("Hasilnya = ”+a);

</script>

Hasil tampilannya berikut:

Hasilnya = 90

Read More

Javascript Assignment Biasa

 

Javascript Assignment Biasa

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Javascript assignment biasa disimbolkan dengan tanda =

Assignment digunakan untuk memberikan nilai ke suatu variabel.

Contoh:

let x = 100;

artinya x diberi nilai 100

Atau

x menyimpan nilai 100

Ketika kita membahas Javascript Aritmetika, kita sudah terbiasa menggunakan simbol = sebagai kode di dalam Javascript.

Pemaknaan simbol = sama halnya dengan pembahasan waktu di Javascript Aritmetika.

Kita mencoba membuat contoh paling sederhana dengan tiga cara yaitu

Cara 1

Menggunakan perintah document.write();

Cara 2

Menggunakan perintah document.body.innerHTML+="  ";

Cara Lain

Menggunakan perintah console.log("   ");

Cara lain ini tidak pernah saya gunakan di dalam pembahasan karena memang Blogger untuk sementara ini tidak bisa tidak mengakses kode console.log("   ");

Cara 1

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b, hasil; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b, hasil;

</script>

3. Tulislah kode berikut

a = 60;

b = 30;

hasil = a + b;

sehingga kode menjadi 

<script type="text/javascript">

let a, b, hasil;

a = 60;

b = 30;

hasil = a + b;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasil.

document.write("Hasilnya = ”+hasil);

sehingga kode menjadi

<script type="text/javascript">

let a, b, hasil;

a = 60;

b = 30;

hasil = a + b;

document.write("Hasilnya = ”+hasil);

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b, hasil;

a = 60;

b = 30;

hasil = a + b;

document.write("Hasilnya = ”+hasil);

</script>

Hasil tampilannya berikut:

Hasilnya = 90

Cara 2

Menggunakan perintah document.body.innerHTML +="  ";

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b, hasil; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b, hasil;

</script>

3. Tulislah kode berikut

a = 60;

b = 30;

hasil = a + b;

sehingga kode menjadi 

<script type="text/javascript">

let a, b, hasil;

a = 60;

b = 30;

hasil = a + b;

</script>

4. Tulislah perintah 

document.body.innerHTML +="  ";

Dalamnya tanda kutip diisi teks disambung dengan variabel hasil. Penyambung menggunakan tanda +.

document.body.innerHTML +="Hasilnya = "+hasil;

sehingga kode menjadi

<script type="text/javascript">

let a, b, hasil;

a = 60;

b = 30;

hasil = a + b;

document.body.innerHTML +="Hasilnya = "+hasil;

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b, hasil;

a = 60;

b = 30;

hasil = a + b;

document.body.innerHTML +="Hasilnya = "+hasil;

</script>

Hasil tampilannya berikut:

Hasilnya = 90

Cara Lain

Menggunakan perintah console.log("   ");

Namun cara ini belum bisa dibaca oleh Blogger. 

Kode selengkapnya berikut :

<script type="text/javascript">

let a, b, hasil;

a = 60;

b = 30;

hasil = a + b;

console.log(“Hasilnya = "+hasil);

</script>

Hasil tampilannya berikut:

Hasilnya = 90

Read More

Javascript Tipe Data

Javascript Tipe Data

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Sekilas Teori Dasar Tipe Data

Terdapat 8 tipe data dalam Javascript, antara lain:

1. String

Tipe data string digunakan untuk merepresentasikan teks, juga cocok untuk menyimpan nama, pesan teks, atau kalimat.

String ditulis di antara tanda kutip tunggal (''), ganda (""), atau backtick (`) untuk template literal.

Template literal (``) memungkinkan interpolasi variabel langsung dalam string.

Contoh:

let warna = "Red";

let name = 'John';

let a = “7”;

2. Number

Tipe data number digunakan untuk menyimpan angka, baik itu bilangan bulat (integer), bilangan real, maupun bilangan desimal (float).

Contoh

let x = 34;

let panjang = 16;        // bilangan bulat

let lebar = 4.5;       // bilangan desimal

3. BigInt

Tipe data BigInt digunakan untuk menyimpan angka bulat sangat besar melebihi batas maksimal dari tipe Number (sekitar ±2^53).

BigInt artinya Big Integer = bilangan bulat yang besar.

BigInt tidak bisa dicampur dengan Number biasa dalam operasi matematika (harus dikonversi dulu).

Cocok untuk aplikasi seperti kripto, keuangan besar, atau perhitungan ilmiah.

Contoh

let x = 1234567890123456789012345n;               // BigInt literal (dengan 'n')

let y = BigInt("1234567890123456789012345");      // Fungsi BigInt

4. Boolean

Tipe data boolean digunakan untuk kondisi logika dan kontrol alur program. Biasanya dalam if, while, dan ekspresi logika. Juga sangat penting untuk pengambilan keputusan dalam program.

Tipe data boolean hanya memiliki dua nilai yaitu true (benar) atau false (salah).

Contoh 

let sedangHujan = true;

let tokoBuka = false;

sedangHujan adalah boolean yang menunjukkan apakah sedang hujan (true = ya, false = tidak).

tokoBuka adalah boolean yang menunjukkan apakah toko buka.

5. Object

Tipe data object digunakan untuk menyimpan kumpulan data dalam bentuk pasangan key-value. Biasanya datanya itu kompleks.

Object bisa menyimpan berbagai jenis data: string, number, array, function, dan lain-lain. Bisa diakses dengan dot notation (person.firstName) atau bracket notation (person["lastName"]).

Contoh

const mobil = {

  merk: "Toyota",

  model: "Avanza",

  tahun: 2022,

  warna: "Hitam"

};

Keterangan:

Objek mobil menyimpan informasi tentang sebuah mobil, seperti merk, model, tahun, dan warna. Jadi, object mobil memiliki empat properti yaitu merk, model, tahun, dan warna.

6. Undefined

Tipe data undefined digunakan untuk variabel yang belum diberi nilai.

Bisa juga digunakan untuk mengecek apakah variabel sudah diisi atau belum.

Jika kita mendeklarasikan variabel tanpa memberikan nilai, nilainya otomatis undefined.

Contoh

let x;

console.log(x);  // undefined

7. Null

Tipe data null digunakan untuk sengaja menyatakan bahwa suatu variabel tidak memiliki nilai dengan membubuhkan kata null. Hal ini sering digunakan untuk menghapus atau mengosongkan nilai.

Sebuah nilai kosong yang ditentukan secara eksplisit,

Contoh

let y = null;

8. Symbol

Tipe data symbol digunakan untuk membuat identitas unik. Biasanya digunakan sebagai property key dalam object untuk mencegah konflik.

Contoh

const id2 = Symbol("id");

console.log(id2); // Symbol(id)

Keterangan:

Membuat simbol id2 dengan deskripsi "id".

Menggunakan console.log untuk menampilkan hasil ke konsol.

Contoh ini lebih informatif karena menunjukkan hasil simbol saat dijalankan.

Read More

Javascript Aritmetika NaN

 

Javascript Aritmetika NaN

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Kita menyajikan operasi pengurangan, perkalian, dan pembagian yang melibatkan NaN (Not a Number).

NaN di sini adalah nilai non numerik yang tersimpan di suatu variabel.

Perhatikan data dalam variabel berikut 

a = “jeruk”;

b = “100”;

c = 5;

Variabel a menyimpan nilai non numerik yaitu  “jeruk”.

Variabel b menyimpan nilai numerik string yaitu “100”.

Variabel c menyimpan nilai numerik yaitu 5.

Yang termasuk NaN adalah “jeruk”, bukan 

 “100”, bukan pula 5.

Yang bisa dikonversi Javascript ke dalam bentuk numerik adalah numerik string, sedangkan non numerik tidak bisa dikonversi ke dalam bentuk numerik.

Jadi, NaN tidak bisa dikonversi ke dalam bentuk numerik.

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b, c; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b, c;

</script>

3. Tulislah kode berikut

a = “jeruk”;

b = “100”;

c = 5;

hasil_pengurangan = a - b;

hasil_perkalian = a * b;

hasil_pembagian = a / c;

sehingga kode menjadi 

<script type="text/javascript">

let a, b, c;

a = “jeruk”;

b = “100”;

c = 5;

hasil_pengurangan = a - b;

hasil_perkalian = a * b;

hasil_pembagian = a / c;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasil.

sehingga kode menjadi

<script type="text/javascript">

let a, b, c;

a = “jeruk”;

b = “100”;

c = 5;

hasil_pengurangan = a - b;

hasil_perkalian = a * b;

hasil_pembagian = a / c;

document.write("Hasil Pengurangan =  "+hasil_pengurangan+”<br>”);

document.write("Hasil Perkalian =  "+hasil_perkalian+”<br>”);

document.write("Hasil Pembagian =  "+hasil_pembagian); 

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b, c;

a = “jeruk”;

b = “100”;

c = 5;

hasil_pengurangan = a - b;

hasil_perkalian = a * b;

hasil_pembagian = a / c;

document.write("Hasil Pengurangan =  "+hasil_pengurangan+”<br>”);

document.write("Hasil Perkalian =  "+hasil_perkalian+”<br>”);

document.write("Hasil Pembagian =  "+hasil_pembagian); 

</script>

Hasil tampilannya berikut:

Hasil Pengurangan = NaN

Hasil Perkalian = NaN

Hasil Pembagian = NaN

Read More

Javascript Aritmetika Konversi String

 

Javascript Aritmetika Konversi String

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Kita menyajikan operasi yang dapat mengkonversi string menjadi number yaitu pengurangan, perkalian, dan pembagian.

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b, c; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b, c;

</script>

3. Tulislah kode berikut

a = “30”;

b = “3”;

c = “2”;

hasil_pengurangan = b - c;

hasil_perkalian = a * b;

hasil_pembagian = a / b;

sehingga kode menjadi 

<script type="text/javascript">

let a, b, c;

a = “30”;

b = “3”;

c = “2”;

hasil_pengurangan = b - c;

hasil_perkalian = a * b;

hasil_pembagian = a / b;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasil.

sehingga kode menjadi

<script type="text/javascript">

let a, b, c;

a = “30”;

b = “3”;

c = “2”;

hasil_pengurangan = b - c;

hasil_perkalian = a * b;

hasil_pembagian = a / b;

document.write("Hasil Pengurangan =  "+hasil_pengurangan+”<br>”);

document.write("Hasil Perkalian =  "+hasil_perkalian+”<br>”);

document.write("Hasil Pembagian =  "+hasil_pembagian); 

</script>

Perhatikan!

Setiap variabel memiliki nilai berupa numerik string, bukan numerik juga bukan non numerik. 

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b, c;

a = “30”;

b = “3”;

c = “2”;

hasil_pengurangan = b - c;

hasil_perkalian = a * b;

hasil_pembagian = a / b;

document.write("Hasil Pengurangan =  "+hasil_pengurangan+”<br>”);

document.write("Hasil Perkalian =  "+hasil_perkalian+”<br>”);

document.write("Hasil Pembagian =  "+hasil_pembagian); 

</script>

Hasil tampilannya berikut:

Hasil Pengurangan = 1

Hasil Perkalian = 90

Hasil Pembagian = 10

Read More

Javascript Aritmetika Pangkat Part 2

 

Javascript Aritmetika Pangkat Part 2

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Kita menyajikan operasi perpangkatan dengan menggunakan kode Math.pow(bilangan, pangkat);

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a;

</script>

3. Tulislah kode berikut

a = 5;

hasil = Math.pow(a,3);

sehingga kode menjadi 

<script type="text/javascript">

let a;

a = 5;

hasil = Math.pow(a,3);

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasil.

sehingga kode menjadi

<script type="text/javascript">

let a;

a = 5;

hasil = Math.pow(a,3);

document.write("Hasilnya =  "+hasil); 

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a;

a = 5;

hasil = Math.pow(a,3);

document.write("Hasilnya =  "+hasil); 

</script>

Hasil tampilannya berikut:

Hasilnya = 125

Read More

Javascript Aritmetika Jumlah Kurang Kali Bagi Pangkat

 

Javascript Aritmetika Jumlah Kurang Kali Bagi Pangkat

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Kita menyajikan operasi penjumlahan, pengurangan, perkalian, pembagian, dan perpangkatan sekaligus.

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b, c, d, e; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b, c, d, e;

</script>

3. Tulislah kode berikut

a = 5;

b = 4;

c = 3;

d = 32;

e = 6;

hasil = a + b - e * d / b **c

sehingga kode menjadi 

<script type="text/javascript">

let a, b, c, d, e;

a = 5;

b = 4;

c = 3;

d = 32;

e = 6;

hasil = a + b - e * d / b **c

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasil.

sehingga kode menjadi

<script type="text/javascript">

let a, b, c, d, e;

a = 5;

b = 4;

c = 3;

d = 32;

e = 6;

hasil = a + b - e * d / b **c

document.write("Hasilnya =  "+hasil); 

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b, c, d, e;

a = 5;

b = 4;

c = 3;

d = 32;

e = 6;

hasil = a + b - e * d / b **c

document.write("Hasilnya =  "+hasil); 

</script>

Hasil tampilannya berikut:

Hasilnya = 6

Read More

Javascript Aritmetika Mengurangi Sebesar 1

 

Javascript Aritmetika Mengurangi Sebesar 1

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Decrementing di dalam Javascript berarti pengurangan nilai suatu variabel sebesar satu.

Kodenya --

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

</script>

3. Tulislah kode berikut

a = 5;

a - ;

b = a;

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

a = 5;

a -- ;

b = a;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasilnya.

sehingga kode menjadi

<script type="text/javascript">

let a, b;

a = 5;

a -- ;

b = a;

document.write("Hasilnya =  "+b); 

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b;

a = 5;

a -- ;

b = a;

document.write("Hasilnya =  "+b); 

</script>

Hasil tampilannya berikut:

Hasilnya = 4

Read More

Javascript Aritmetika Menambah Sebesar 1

Javascript Aritmetika Menambah Sebesar 1

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Incrementing di dalam Javascript berarti penambahan nilai suatu variabel sebesar satu.

Kodenya ++

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

</script>

3. Tulislah kode berikut

a = 5;

a ++ ;

b = a;

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

a = 5;

a ++ ;

b = a;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasilnya.

sehingga kode menjadi

<script type="text/javascript">

let a, b;

a = 5;

a ++ ;

b = a;

document.write("Hasilnya =  "+b); 

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b;

a = 5;

a ++ ;

b = a;

document.write("Hasilnya =  "+b); 

</script>

Hasil tampilannya berikut:

Hasilnya = 6

Read More

Javascript Aritmetika Modulo

Javascript Aritmetika Modulo

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Di dalam Matematika Modulo artinya sisa dari suatu pembagian disimbolkan dengan mod, oleh bahasa pemrograman Javascript disimbolkan dengan % .

Di dalam matematika didefinisikan a mod b adalah sisa dari pembagian a ÷ b.

Contoh

10 mod 3 = 1,

karena 10 ÷ 3 = 3 sisa 1.

17 mod 5 = 2,

karena 17 ÷ 5 = 3 sisa 2.

8 mod 4 = 0, 

karena  ÷ 4 = 2 pas sisa 0.

Di dalam Javascript modulo disimbolkan %

Contoh

10 % 3 = 1,

17 % 5 = 2,

8 % 4 = 0, 

Kapan konsep modulo dipakai?

1) Ketika menentukan bilangan genap/ganjil

Contoh  if (x % 2 === 0) {

    console.log("Genap");

}

2) ketika menerapkan operasi siklus/perputaran jam

Contoh: 13 mod 12 = 1

3) Ketika menentukan nilai di kriptografi, algoritma, dan struktur data.

Contoh 

m = c^d mod n

m = 31^7 mod 33

Hasilnya akan kembali ke 4,

Cara menghitungnya secara manual berikut:

Dengan cara manual (pakai modular exponentiation) agar tidak menghitung angka besar:

Langkah per langkah:

31^1 mod 33 = 31

31^2 = 961 → 961 mod 33 = 4

31^4 = (31^2)^2 = 4^2 = 16

Gabung (karena 7 = 4 + 2 + 1):

31^7 mod 33 =

= 31^4 × 31^2 × 31^1 mod 33

= 16 × 4 × 31 mod 33

= (16 × 4 = 64) × 31 = 1984.

            1984 mod 33 = 4

Hasil akhir: m = 4

Mengapa bisa kembali ke m?

Karena RSA dirancang supaya

 (m^e)^d mod n = m

artinya enkripsi lalu dekripsi akan mengembalikan pesan aslinya. Hal ini dijamin oleh:

(1) Teorema Euler jika m dan n relatif prima

(2) Desain pemilihan e dan d sehingga (e × d) mod φ(n) = 1

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

</script>

3. Tulislah kode berikut

a = 5;

b = 3;

hasilnya = a % b;

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

a = 5;

b = 3;

hasilnya = a % b;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasilnya.

sehingga kode menjadi

<script type="text/javascript">

let a, b;

a = 5;

b = 3;

hasilnya = a % b;

document.write("Hasilnya=  "+a+"%"+b+"="+hasilnya); 

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b;

a = 5;

b = 3;

hasilnya = a % b;

document.write("Hasilnya=  "+a+"%"+b+"="+hasilnya); 

</script>

Hasil tampilannya berikut:

Hasilnya= 5%3=2

Read More

Javascript Aritmetika Perpangkatan

 

Javascript Aritmetika Perpangkatan

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Di dalam Matematika Perpangkatan disimbolkan dengan bilangan kecil yang menempel di atas bilangan lainnya, oleh bahasa pemrograman Javascript disimbolkan dengan ** .

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

</script>

3. Tulislah kode berikut

a = 5;

b = 3;

hasilnya = a ** b;

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

a = 5;

b = 3;

hasilnya = a ** b;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasilnya.

sehingga kode menjadi

<script type="text/javascript">

let a, b;

a = 5;

b = 3;

hasilnya = a ** b;

document.write("Hasilnya=  "+a+"**"+b+"="+hasilnya); 

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b;

a = 5;

b = 3;

hasilnya = a ** b;

document.write("Hasilnya=  "+a+"**"+b+"="+hasilnya); 

</script>

Hasil tampilannya berikut:

Hasilnya= 5**3=125

Read More

Javascript Aritmetika Pembagian

 

Javascript Aritmetika Pembagian

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Di dalam Matematika Pembagian disimbolkan dengan : oleh bahasa pemrograman Javascript disimbolkan dengan / .

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

</script>

3. Tulislah kode berikut

a = 39;

b = 3;

hasilnya = a / b;

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

a = 39;

b = 3;

hasilnya = a / b;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasilnya.

sehingga kode menjadi

<script type="text/javascript">

let a, b;

a = 39;

b = 3;

hasilnya = a / b;

document.write("Hasilnya=  "+a+"/"+b+"="+hasilnya); 

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b;

a = 39;

b = 3;

hasilnya = a / b;

document.write("Hasilnya=  "+a+"/"+b+"="+hasilnya); 

</script>

Hasil tampilannya berikut:

Hasilnya= 39/3=13

Read More

Javascript Aritmetika Perkalian

 

Javascript Aritmetika Perkalian

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Di dalam Matematika pengurangan disimbolkan dengan x oleh bahasa pemrograman Javascript disimbolkan dengan * .

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let a, b; ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

</script>

3. Tulislah kode berikut

a = 5;

b = 6;

hasilnya = a * b;

sehingga kode menjadi 

<script type="text/javascript">

let a, b;

a = 5;

b = 6;

hasilnya = a * b;

</script>

4. Tulislah perintah 

document.write("   "); dalam kurung diisi oleh variabel hasilnya.

sehingga kode menjadi

<script type="text/javascript">

let a, b;

a = 5;

b = 6;

hasilnya = a * b;

document.write("Hasilnya=  "+a+"*"+b+"="+hasilnya); 

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.

Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak. 

6. Publikasikan

Sekali lagi, kode selengkapnya berikut :

<script type="text/javascript">

let a, b;

a = 5;

b = 6;

hasilnya = a * b;

document.write("Hasilnya=  "+a+"*"+b+"="+hasilnya); 

</script>

Hasil tampilannya berikut:

Hasilnya= 5*6=30

Read More