Tipe Data JavaScript (dengan Contoh)

Dalam tutorial ini, Anda akan belajar tentang berbagai tipe data yang tersedia di JavaScript dengan bantuan contoh.

Seperti yang disarankan oleh namanya, tipe data mengacu pada tipe data yang bisa Anda gunakan dalam program Anda. Sebagai contoh,

 const x = 5; const y = "Hello";

Sini,

  • 5 adalah data integer.
  • "Halo" adalah data string.

Jenis Data JavaScript

Ada delapan tipe data dasar dalam JavaScript. Mereka:

Jenis Data Deskripsi Contoh
String mewakili data tekstual 'hello', "hello world!"dll
Number bilangan bulat atau bilangan floating-point 3, 3.234, 3e-2Dll
BigInt bilangan bulat dengan presisi yang sewenang-wenang 900719925124740999n, 1ndll.
Boolean Salah satu dari dua nilai: benar atau salah true dan false
undefined tipe data yang variabelnya tidak diinisialisasi let a;
null menunjukkan nullnilai let a = null;
Symbol tipe data yang instansinya unik dan tidak dapat diubah let value = Symbol('hello');
Object pasangan nilai-kunci dari kumpulan data let student = ( );

Di sini, semua tipe data kecuali Objectadalah tipe data primitif, sedangkan Objectnon-primitif.

Catatan: The Objecttipe data (jenis non-primitif) dapat menyimpan koleksi data, sedangkan primitif tipe data hanya dapat menyimpan data tunggal.

String JavaScript

Stringdigunakan untuk menyimpan teks. Dalam JavaScript, string diapit oleh tanda kutip:

  • Kutipan tunggal: 'Hello'
  • Kutipan ganda: "Hello"
  • Backticks: `Hello`

Sebagai contoh,

 //strings example const name = 'ram'; const name1 = "hari"; const result = `The names are $(name) and $(name1)`;

Tanda kutip tunggal dan tanda kutip ganda praktis 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.

Anda akan belajar tentang penggunaan backticks dalam tutorial JavaScript String.

Nomor JavaScript

Numbermewakili bilangan bulat dan mengambang (desimal dan eksponensial). Sebagai contoh,

 const number1 = 3; const number2 = 3.433; const number3 = 3e5 // 3 * 10^5

Sebuah jenis nomor juga bisa +Infinity, -Infinitydan NaN(bukan nomor). Sebagai contoh,

 const number1 = 3/0; console.log(number1); // returns Infinity const number2 = -3/0; console.log(number2); // returns -Infinity // strings can't be divided by numbers const number3 = "abc"/3; console.log(number3); // returns NaN

BigInt JavaScript

Dalam JavaScript, Numberjenis hanya dapat mewakili angka yang kurang dari (2 53 - 1) dan lebih dari - (2 53 - 1) . Namun, jika Anda perlu menggunakan angka yang lebih besar dari itu, Anda dapat menggunakan BigInttipe data.

Sebuah BigIntjumlah yang dibuat dengan menambahkan n ke akhir integer. Sebagai contoh,

 // BigInt value const value1 = 900719925124740998n; // Adding two big integers const result1 = value1 + 1n; console.log(result1); // returns "900719925124740999n" const value2 = 900719925124740998n; // Error! BitInt and number cannot be added const result2 = value2 + 1; console.log(result2); 

Keluaran

 900719925124740999n Uncaught TypeError: Tidak dapat mencampur BigInt dan jenis lainnya

Catatan: BigInt diperkenalkan di versi JavaScript yang lebih baru dan tidak didukung oleh banyak browser termasuk Safari. Kunjungi dukungan JavaScript BigInt untuk mempelajari lebih lanjut.

JavaScript Boolean

Tipe data ini mewakili entitas logis. Booleanmewakili salah satu dari dua nilai: trueatau false. Lebih mudah untuk menganggapnya sebagai tombol ya / tidak. Sebagai contoh,

 const dataChecked = true; const valueCounted = false;

Anda akan mempelajari lebih lanjut tentang boolean dalam tutorial Perbandingan JavaScript dan Operator Logis.

JavaScript tidak ditentukan

The undefinedtipe data mewakili nilai yang tidak ditetapkan . Jika suatu variabel dideklarasikan tetapi nilainya tidak ditetapkan, maka nilai variabel itu akan menjadi undefined. Sebagai contoh,

 let name; console.log(name); // returns undefined

Dimungkinkan juga untuk secara eksplisit menetapkan nilai variabel undefined. Sebagai contoh,

 let name = undefined; console.log(name); // returns undefined

Catatan: Direkomendasikan untuk tidak menetapkan undefinedke variabel secara eksplisit . Biasanya, nulldigunakan untuk menetapkan nilai 'tidak diketahui' atau 'kosong' ke variabel.

JavaScript null

Dalam JavaScript, nulladalah nilai khusus yang mewakili nilai kosong atau tidak diketahui . Sebagai contoh,

 const number = null;

Kode di atas menunjukkan bahwa variabel angka kosong.

Catatan : nulltidak sama dengan NULL atau Null.

Simbol JavaScript

This data type was introduced in a newer version of JavaScript (from ES2015).

A value having the data type Symbol can be referred to as a symbol value. Symbol is an immutable primitive value that is unique. For example,

 // two symbols with the same description const value1 = Symbol('hello'); const value2 = Symbol('hello');

Though value1 and value2 both contain 'hello', they are different as they are of the Symbol type.

Visit JavaScript Symbol to learn more.

JavaScript Object

An object is a complex data type that allows us to store collections of data. For example,

 const student = ( firstName: 'ram', lastName: null, class: 10 );

You will learn about JavaScript Objects in later tutorial.

JavaScript Type

JavaScript is a dynamically typed (loosely typed) language. JavaScript automatically determines the variables' data type for you.

Ini juga berarti bahwa variabel bisa dari satu tipe data dan kemudian bisa diubah ke 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";

Jenis JavaScript

Untuk mencari tipe variabel, Anda bisa menggunakan typeofoperator. 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 yang typeofdikembalikan "object"untuk nulltipe. Ini adalah masalah umum di JavaScript sejak rilis pertama.

Artikel yang menarik...