Dalam tutorial ini, kita akan belajar tentang berbagai tipe data yang tersedia di JavaScript dengan bantuan contoh.
Ada berbagai jenis data yang dapat kita gunakan dalam program JavaScript. Sebagai contoh,
const angka = 100;
const huruf = "Hai";
Disini,
- 100 adalah bilangan bulat.
- “Hai” adalah data string.
Tipe Data JavaScript
Ada delapan tipe data dasar dalam JavaScript. diantaranya:
Tipe Data | Deskripsi | Contoh |
---|---|---|
String |
Mewakili data tekstual | “Hai”, “Halo!”, dll. |
Number |
Bilangan bulat atau bilangan floating-point | 100, 10.1, 1e-2, dll. |
BigInt |
Bilangan bulat dengan presisi arbitrer | 9223372036854775807n, dll. |
Bolean |
Salah satu dari dua nilai: benar atau salah | true dan false |
undefined |
Tipe data yang variabelnya tidak diinisialisasi | let nama; |
null |
menunjukkan null nilai |
let nama = null; |
Symbol |
Tipe data yang instance-nya unik dan tidak dapat diubah | let isi = Symbol('hai'); |
Object |
Pasangan nilai kunci dari kumpulan data | let anggota = { }; |
JavaScript String
String
digunakan untuk menyimpan teks. Dalam JavaScript, string dikelilingi oleh tanda kutip:
- Kutipan tunggal: ‘Hai’
- Kutipan ganda: “Hai”
- Backtick: `Hai`
Sebagai contoh,
// contoh string
const nama = 'budi';
const panggilan = "bidu";
const hasil = `Dia ${nama}, dipanggil ${panggilan}`;
Tanda kutip tunggal dan tanda kutip ganda hampir sama dan kamu bisa menggunakan salah satunya.
Backticks umumnya digunakan ketika kamu perlu memasukkan variabel atau ekspresi ke dalam string. Ini dilakukan dengan membungkus variabel atau ekspresi dengan ${variable atau expression}
seperti yang ditunjukkan di atas.
JavaScript Nomor
Number
mewakili bilangan bulat dan bilangan mengambang (desimal dan eksponensial). Sebagai contoh,
const nomor1 = 100;
const nomor2 = 10.1;
const nomor3 = 1e5; // 1 * 10^5
Jenis bilangan juga dapat berupa +Infinity
, -Infinity
, dan NaN
(bukan bilangan). Sebagai contoh,
const nomor1 = 10/0;
console.log(nomor1); // Infinity
const nomor2 = -10/0;
console.log(nomor2); // -Infinity
// string tidak bisa dibagi dengan angka
const nomor3 = "io"/10;
console.log(nomor3); // NaN
JavaScript BigInt
Dalam JavaScript, Number
type hanya bisa mewakili angka kurang dari (2^53 - 1) dan lebih dari -(2^53 - 1) . Namun, jika kamu perlu menggunakan angka yang lebih besar dari itu, kamu bisa menggunakan BigInt
tipe data.
Sebuah BigInt
jumlah yang dibuat dengan menambahkan n ke akhir integer. Sebagai contoh,
// isi BigInt
const isi1 = 9223372036854775807n;
// menambahkan dua bilangan bulat besar
const hasil1 = isi1 + 3n;
console.log(hasil1); // "9223372036854775810n"
const isi2 = 9223372036854775810n;
// Kesalahan! BitInt dan nomor tidak dapat ditambahkan
const hasil2 = isi2 + 1;
console.log(hasil2);
Keluaran
9223372036854775810n
Uncaught TypeError: Cannot mix BigInt and other types
JavaScript Boolean
Tipe data ini mewakili entitas logis. Boolean
mewakili salah satu dari dua nilai: true
atau false
. Lebih mudah untuk menganggapnya sebagai tombol ya/tidak. Sebagai contoh,
const dataAsli = true;
const dataPalsu = false;
JavaScript Undefined
Sebuah undefined
tipe data mewakili nilai yang tidak ditetapkan. Jika suatu variabel dideklarasikan tetapi nilainya tidak ditetapkan, maka nilai variabel tersebut adalah undefined
. Sebagai contoh,
let nama;
console.log(nama); // undefined
Dimungkinkan juga untuk secara eksplisit menetapkan nilai variabel undefined
. Sebagai contoh,
let nama = undefined;
console.log(nama); // undefined
Catatan: Disarankan untuk tidak menetapkan
undefined
variabel secara eksplisit . Biasanya,null
digunakan untuk menetapkan nilai ’tidak diketahui’ atau ‘kosong’ ke suatu variabel.
JavaScript Null
Dalam JavaScript, null
adalah nilai khusus yang mewakili nilai kosong atau tidak dikenal . Sebagai contoh,
const nomor = null;
Kode di atas menunjukkan bahwa nomor
variabel kosong.
Catatan :
null
tidak sama dengan NULL ataupun Null.
JavaScript Symbol
Tipe data ini diperkenalkan dalam versi JavaScript yang lebih baru (dari ES2015).
Nilai yang memiliki tipe data Symbol
dapat disebut sebagai nilai simbol . Symbol
adalah nilai primitif abadi yang unik. Sebagai contoh,
// dua simbol dengan deskripsi yang sama
const isi1 = Symbol('hai');
const isi2 = Symbol('hai');
Meskipun isi1
dan isi2
keduanya mengandung 'hai'
, mereka berbeda karena Symbol
jenisnya.
JavaScript Object
An object
is a complex data type that allows us to store collections of data. For example,
const anggota = {
namaDepan: 'budi',
namaBelakang: null,
umur: 22
};
JavaScript Type
JavaScript adalah bahasa yang diketik secara dinamis (diketik secara longgar). JavaScript secara otomatis menentukan tipe data variabel untuk kamu.
Ini juga berarti bahwa suatu variabel dapat berupa satu tipe data dan kemudian dapat diubah ke tipe data lain. Sebagai contoh,
// data bertipe tidak terdefinisi
let data;
// data bertipe integer
data = 100;
// data bertipe string
data = "JavaScript";
JavaScript typeof
Untuk mencari tipe variabel, kamu bisa menggunakan typeof
operator. Sebagai contoh,
const nama = 'budi';
typeof(nama); // returns "string"
const nomor = 10;
typeof(nomor); //returns "number"
const terverifikasi = true;
typeof(terverifikasi); //returns "boolean"
const umur = null;
typeof(umur); // returns "object"
Perhatikan bahwa
typeof
dikembalikan"object"
untuknull
tipe. Ini adalah masalah yang diketahui dalam JavaScript sejak rilis pertamanya.