Tutorial JS

JS RUMAH Pengenalan JS JS Dimana Keluaran JS Pernyataan JS Sintaks JS Komentar JS Variabel JS JS Let JS Const Operator JS JS Aritmatika Tugas JS Tipe Data JS Fungsi JS Objek JS Acara JS String JS Metode String JS Pencarian String JS Template String JS Nomor JS Metode Nomor JS JS Array Metode Array JS Sortir Array JS Iterasi Array JS JS Array Const Tanggal JS Format Tanggal JS Metode Dapatkan Tanggal JS Metode Penetapan Tanggal JS JS Matematika JS Acak JS Boolean Perbandingan JS Ketentuan JS Beralih JS JS Loop Untuk JS Loop Untuk Masuk JS Loop Untuk Of JS Loop Sementara Istirahat JS JS Iterable JS Set Peta JS Tipe JS Konversi Tipe JS JS Bitwise JS RegExp Kesalahan JS Lingkup JS Pengangkatan JS Mode Ketat JS JS Kata Kunci ini Fungsi Panah JS Kelas JS JS JSON Debug JS Panduan Gaya JS Praktik Terbaik JS Kesalahan JS Kinerja JS Kata-kata Cadangan JS

Versi JS

Versi JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Tepi Sejarah JS

Objek JS

Definisi Objek Properti Objek Metode Objek Tampilan Objek Aksesor Objek Konstruktor Objek Prototipe Objek Obyek Iterable Set Objek Peta Objek Referensi Objek

Fungsi JS

Definisi Fungsi Parameter Fungsi Panggilan Fungsi Panggilan Fungsi Fungsi Terapkan Penutupan Fungsi

Kelas JS

Perkenalan Kelas Warisan Kelas Kelas Statis

JS Asinkron

Panggilan Balik JS JS Asinkron JS Janji JS Async/Menunggu

JS HTML DOM

Pengenalan DOM Metode DOM Dokumen DOM Elemen DOM HTML DOM Formulir DOM CSS DOM Animasi DOM Acara DOM Pendengar Acara DOM Navigasi DOM Node DOM Koleksi DOM Daftar Node DOM

JS Browser BOM

Jendela JS Layar JS Lokasi JS Sejarah JS JS Navigator Peringatan Munculan JS Waktu JS JS Cookies

JS Web API

Pengantar API Web API Formulir Web API Riwayat Web API Penyimpanan Web API Pekerja Web API Pengambilan Web API Geolokasi Web

JS AJAX

Pengenalan AJAX AJAX XMLHttp Permintaan AJAX Tanggapan AJAX File XML AJAX AJAX PHP AJAX ASP Basis Data AJAX Aplikasi AJAX Contoh AJAX

JS JSON

Perkenalan JSON Sintaks JSON JSON vs XML Tipe Data JSON Penguraian JSON Stringify JSON Objek JSON Array JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Pemilih jQuery jQuery HTML jQuery CSS jQuery DOM

Grafik JS

Grafik JS JS Kanvas JS Plotly JS Chart.js Bagan Google JS JS D3.js

Contoh JS

Contoh JS JS HTML DOM Masukan HTML JS Objek HTML JS Acara HTML JS JS Browser Editor JS Latihan JS kuis JS Sertifikat JS

Referensi JS

Objek JavaScript Objek DOM HTML


Tipe Data JavaScript

Variabel JavaScript dapat menampung tipe data yang berbeda: angka, string, objek, dan lainnya:

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

Konsep Tipe Data

Dalam pemrograman, tipe data merupakan konsep penting.

Untuk dapat beroperasi pada variabel, penting untuk mengetahui sesuatu tentang tipenya.

Tanpa tipe data, komputer tidak dapat menyelesaikan masalah ini dengan aman:

let x = 16 + "Volvo";

Apakah masuk akal untuk menambahkan "Volvo" ke enam belas? Apakah akan menghasilkan kesalahan atau akan menghasilkan hasil?

JavaScript akan memperlakukan contoh di atas sebagai:

let x = "16" + "Volvo";

Saat menambahkan angka dan string, JavaScript akan memperlakukan angka sebagai string.

Contoh

let x = 16 + "Volvo";

Contoh

let x = "Volvo" + 16;

JavaScript mengevaluasi ekspresi dari kiri ke kanan. Urutan yang berbeda dapat menghasilkan hasil yang berbeda:

JavaScript:

let x = 16 + 4 + "Volvo";

Hasil:

20Volvo

JavaScript:

let x = "Volvo" + 16 + 4;

Hasil:

Volvo164

Pada contoh pertama, JavaScript memperlakukan 16 dan 4 sebagai angka, hingga mencapai "Volvo".

Dalam contoh kedua, karena operan pertama adalah string, semua operan diperlakukan sebagai string.



Jenis JavaScript Dinamis

JavaScript memiliki tipe dinamis. Ini berarti bahwa variabel yang sama dapat digunakan untuk menampung tipe data yang berbeda:

Contoh

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

String JavaScript

String (atau string teks) adalah serangkaian karakter seperti "John Doe".

String ditulis dengan tanda kutip. Anda dapat menggunakan tanda kutip tunggal atau ganda:

Contoh

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

Anda dapat menggunakan tanda kutip di dalam string, selama tidak cocok dengan tanda kutip di sekitar string:

Contoh

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

Anda akan belajar lebih banyak tentang string nanti dalam tutorial ini.


Nomor JavaScript

JavaScript hanya memiliki satu jenis angka.

Angka dapat ditulis dengan, atau tanpa desimal:

Contoh

let x1 = 34.00;     // Written with decimals
let x2 = 34;        // Written without decimals

Bilangan ekstra besar atau ekstra kecil dapat ditulis dengan notasi ilmiah (eksponensial):

Contoh

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123

Anda akan belajar lebih banyak tentang angka nanti dalam tutorial ini.


JavaScript Boolean

Boolean hanya dapat memiliki dua nilai: trueatau false.

Contoh

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

Boolean sering digunakan dalam pengujian bersyarat.

Anda akan mempelajari lebih lanjut tentang pengujian bersyarat nanti dalam tutorial ini.


Array JavaScript

Array JavaScript ditulis dengan tanda kurung siku.

Item array dipisahkan dengan koma.

Kode berikut mendeklarasikan (membuat) array bernama cars, berisi tiga item (nama mobil):

Contoh

const cars = ["Saab", "Volvo", "BMW"];

Indeks array berbasis nol, yang berarti item pertama adalah [0], kedua adalah [1], dan seterusnya.

Anda akan belajar lebih banyak tentang array nanti dalam tutorial ini.


Objek JavaScript

Objek JavaScript ditulis dengan kurung kurawal {}.

Properti objek ditulis sebagai pasangan nama:nilai, dipisahkan dengan koma.

Contoh

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Objek (orang) pada contoh di atas memiliki 4 properti: firstName, lastName, age, dan eyeColor.

Anda akan belajar lebih banyak tentang objek nanti dalam tutorial ini.


Jenis Operator

Anda dapat menggunakan typeofoperator JavaScript untuk menemukan jenis variabel JavaScript.

Operator typeofmengembalikan tipe variabel atau ekspresi:

Contoh

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"

Contoh

typeof 0              // Returns "number"
typeof 314            // Returns "number"
typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"

Anda akan belajar lebih banyak tentang typeof nanti dalam tutorial ini.


Tidak terdefinisi

Dalam JavaScript, variabel tanpa nilai, memiliki nilai undefined. Jenisnya juga undefined.

Contoh

let car;    // Value is undefined, type is undefined

Variabel apa pun dapat dikosongkan, dengan menyetel nilainya ke undefined. Jenisnya juga akan undefined.

Contoh

car = undefined;    // Value is undefined, type is undefined

Nilai Kosong

Nilai kosong tidak ada hubungannya dengan undefined.

String kosong memiliki nilai legal dan tipe.

Contoh

let car = "";    // The value is "", the typeof is "string"

Uji Diri Anda Dengan Latihan

Olahraga:

Gunakan komentar untuk menjelaskan tipe data yang benar dari variabel berikut:

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //