Dalam tutorial ini, Anda 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 x = 5;
const y = "Hello";
Di Sini,
- 5 adalah bilangan bulat.
- “Halo” adalah data string.
JavaScript Data Types
Ada delapan tipe data dasar dalam JavaScript. Yaitu:
Data Types | Description | Example |
String | represents textual data | 'hello' , "hello world!" etc |
Number | an integer or a floating-point number | 3 , 3.234 , 3e-2 etc. |
BigInt | an integer with arbitrary precision | 900719925124740999n , 1n etc. |
Boolean | Any of two values: true or false | true and false |
undefined | a data type whose variable is not initialized | let a; |
null | denotes a null value | let a = null; |
Symbol | data type whose instances are unique and immutable | let value = Symbol('hello'); |
Object | key-value pairs of collection of data | let student = { }; |
Di sini, semua adalah tipe data, kecuali Object adalah tipe data primitif, sedangkan Object non-primitif.
Catatan: Tipe data objek (tipe non-primitif) dapat menyimpan kumpulan data, sedangkan tipe data primitif hanya dapat menyimpan data tunggal.
JavaScript String
String digunakan untuk menyimpan teks. Dalam JavaScript, string dikelilingi oleh tanda kutip:
- Single quotes:
'Hello'
- Double quotes:
"Hello"
- Backticks:
`Hello`
For example,
//strings example
const name = 'ram';
const name1 = "hari";
const result = `The names are ${name} and ${name1}`;
Tanda kutip tunggal dan tanda kutip ganda pada dasarnya sama dan Anda dapat menggunakan salah satunya.
Backticks umumnya digunakan saat Anda perlu memasukkan variabel atau ekspresi ke dalam string. Ini dilakukan dengan membungkus variabel atau ekspresi dengan ${variable or expression} seperti yang ditunjukkan di atas.
JavaScript Number
Angka mewakili bilangan bulat (integer) dan float (desimal dan eksponensial). Sebagai contoh,
const number1 = 3;
const number2 = 3.433;
const number3 = 3e5 // 3 * 10^5
Jenis angka juga bisa berupa +Infinity, -Infinity, dan NaN (bukan angka). Sebagai contoh,
const number1 = 3/0;
console.log(number1); // Infinity
const number2 = -3/0;
console.log(number2); // -Infinity
// strings can't be divided by numbers
const number3 = "abc"/3;
console.log(number3); // NaN
JavaScript BigInt
In JavaScript, Number
type can only represent numbers less than (253 – 1) and more than -(253 – 1). However, if you need to use a larger number than that, you can use the BigInt
data type.
Dalam JavaScript, tipe Angka hanya dapat mewakili angka kurang dari (253 – 1) dan lebih dari -(253 – 1). Namun, jika Anda perlu menggunakan angka yang lebih besar dari itu, Anda dapat menggunakan tipe data BigInt.
Nomor BigInt dibuat dengan menambahkan n ke akhir bilangan bulat. Sebagai contoh,
// BigInt value
const value1 = 900719925124740998n;
// Adding two big integers
const result1 = value1 + 1n;
console.log(result1); // "900719925124740999n"
const value2 = 900719925124740998n;
// Error! BitInt and number cannot be added
const result2 = value2 + 1;
console.log(result2);
Output
900719925124740999n Uncaught TypeError: Cannot mix BigInt and other types
Catatan: BigInt diperkenalkan di versi JavaScript yang lebih baru dan tidak didukung oleh banyak browser termasuk Safari. Kunjungi JavaScript BigInt support untuk mempelajari lebih lanjut.
JavaScript Boolean
Tipe data ini mewakili entitas logis. Boolean mewakili salah satu dari dua nilai: benar atau salah. Lebih mudah untuk menganggapnya sebagai tombol ya/tidak. Sebagai contoh,
const dataChecked = true;
const valueCounted = false;
JavaScript undefined
Tipe data yang tidak ditentukan (undefined) mewakili nilai yang tidak ditetapkan. Jika suatu variabel dideklarasikan tetapi nilainya tidak ditetapkan, maka nilai variabel tersebut tidak akan terdefinisi. Sebagai contoh,
let name;
console.log(name); // undefined
Dimungkinkan juga untuk secara eksplisit menetapkan nilai variabel yang tidak terdefinisi. Sebagai contoh,
let name = undefined;
console.log(name); // undefined
Catatan: Disarankan untuk tidak secara eksplisit menetapkan undefined ke variabel. 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 diketahui. Sebagai contoh,
const number = null;
Kode di atas menunjukkan bahwa variabel angka kosong.
Catatan: null tidak sama dengan NULL atau Null.
JavaScript Symbol
Tipe data ini diperkenalkan di versi JavaScript yang lebih baru (dari ES2015).
Nilai yang memiliki tipe data Simbol dapat disebut sebagai nilai simbol. Simbol adalah nilai primitif yang tidak dapat diubah yang unik. Sebagai contoh,
// two symbols with the same description
const value1 = Symbol('hello');
const value2 = Symbol('hello');
Meskipun nilai1 dan nilai2 keduanya berisi ‘halo’, keduanya berbeda karena merupakan tipe Simbol.
JavaScript Object
Objek adalah tipe data kompleks yang memungkinkan kita untuk menyimpan kumpulan data. Sebagai contoh,
const student = {
firstName: 'ram',
lastName: null,
class: 10
};
JavaScript Type
JavaScript adalah bahasa yang diketik secara dinamis (diketik secara longgar). JavaScript secara otomatis menentukan tipe data variabel untuk Anda.
Ini juga berarti bahwa suatu variabel dapat berupa satu tipe data dan kemudian dapat diubah menjadi tipe data lain. Sebagai contoh,
// data is of undefined type
let data;
// data is of integer type
data = 5;
// data is of string type
data = "JavaScript Programming";
JavaScript typeof
Untuk mengetahui jenis variabel, Anda dapat menggunakan operator typeof. Sebagai contoh,
const name = 'ram';
typeof(name); // returns "string"
const number = 4;
typeof(number); //returns "number"
const valueChecked = true;
typeof(valueChecked); //returns "boolean"
const a = null;
typeof(a); // returns "object"
Perhatikan bahwa typeof mengembalikan “objek” untuk tipe null. Ini adalah masalah umum dalam JavaScript sejak rilis pertamanya.