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


jenis JavaScript


Dalam JavaScript ada 5 tipe data berbeda yang dapat berisi nilai:

  • string
  • number
  • boolean
  • object
  • function

Ada 6 jenis objek:

  • Object
  • Date
  • Array
  • String
  • Number
  • Boolean

Dan 2 tipe data yang tidak dapat berisi nilai:

  • null
  • undefined

Jenis Operator

Anda dapat menggunakan typeofoperator untuk menemukan tipe data variabel JavaScript.

Contoh

typeof "John"                 // Returns "string"
typeof 3.14                   // Returns "number"
typeof NaN                    // Returns "number"
typeof false                  // Returns "boolean"
typeof [1,2,3,4]              // Returns "object"
typeof {name:'John', age:34}  // Returns "object"
typeof new Date()             // Returns "object"
typeof function () {}         // Returns "function"
typeof myCar                  // Returns "undefined" *
typeof null                   // Returns "object"

Harap perhatikan:

  • Tipe data NaN adalah angka
  • Tipe data array adalah objek
  • Tipe data tanggal adalah objek
  • Tipe data null adalah objek
  • Tipe data dari variabel yang tidak terdefinisi adalah tidak terdefinisi *
  • Tipe data variabel yang belum diberi nilai juga tidak terdefinisi *

Anda tidak dapat menggunakan typeofuntuk menentukan apakah objek JavaScript adalah array (atau tanggal).



Data Primitif

Nilai data primitif adalah nilai data sederhana tunggal tanpa properti dan metode tambahan.

Operator typeofdapat mengembalikan salah satu dari tipe primitif ini:

  • string
  • number
  • boolean
  • undefined

Contoh

typeof "John"              // Returns "string"
typeof 3.14                // Returns "number"
typeof true                // Returns "boolean"
typeof false               // Returns "boolean"
typeof x                   // Returns "undefined" (if x has no value)

Data Kompleks

Operator typeofdapat mengembalikan salah satu dari dua tipe kompleks:

  • function
  • object

Operator typeofmengembalikan "objek" untuk objek, array, dan null.

Operator typeoftidak mengembalikan "objek" untuk fungsi.

Contoh

typeof {name:'John', age:34} // Returns "object"
typeof [1,2,3,4]             // Returns "object" (not "array", see note below)
typeof null                  // Returns "object"
typeof function myFunc(){}   // Returns "function"

Operator typeofmengembalikan " object" untuk array karena dalam JavaScript array adalah objek.


Tipe Data dari tipe

Operator typeofbukan variabel. Ini adalah operator. Operator ( + - * / ) tidak memiliki tipe data apa pun.

Tapi, typeofoperator selalu mengembalikan string (berisi jenis operan).


Properti konstruktor

Properti constructormengembalikan fungsi konstruktor untuk semua variabel JavaScript.

Contoh

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

Anda dapat memeriksa properti konstruktor untuk mengetahui apakah suatu objek adalah Array (berisi kata "Array"):

Contoh

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

Atau bahkan lebih sederhana, Anda dapat memeriksa apakah objek tersebut adalah fungsi Array :

Contoh

function isArray(myArray) {
  return myArray.constructor === Array;
}

Anda dapat memeriksa properti konstruktor untuk mengetahui apakah suatu objek adalah Date(berisi kata "Tanggal"):

Contoh

function isDate(myDate) {
  return myDate.constructor.toString().indexOf("Date") > -1;
}

Atau bahkan lebih sederhana, Anda dapat memeriksa apakah objek tersebut adalah fungsi Date :

Contoh

function isDate(myDate) {
  return myDate.constructor === Date;
}


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"

Batal

Dalam JavaScript nulladalah "tidak ada". Itu seharusnya menjadi sesuatu yang tidak ada.

Sayangnya, dalam JavaScript, tipe datanya nulladalah objek.

Anda dapat menganggapnya sebagai bug dalam JavaScript yang typeof nullmerupakan objek. Seharusnya null.

Anda dapat mengosongkan objek dengan menyetelnya ke null:

Contoh

let person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = null;    // Now value is null, but type is still an object

Anda juga dapat mengosongkan objek dengan menyetelnya ke undefined:

Contoh

let person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = undefined;   // Now both value and type is undefined

Perbedaan Antara Tidak Terdefinisi dan Null

undefineddan nullsama nilainya tetapi berbeda jenisnya:

typeof undefined           // undefined
typeof null                // object

null === undefined         // false
null == undefined          // true