Jenis Data JavaScript (dengan Contoh)

Dalam tutorial ini, anda akan belajar mengenai pelbagai jenis data yang tersedia dalam JavaScript dengan bantuan contoh.

Seperti yang disarankan oleh namanya, jenis data merujuk pada jenis data yang dapat Anda gunakan dalam program anda. Sebagai contoh,

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

Di sini,

  • 5 adalah data integer.
  • "Hello" adalah data rentetan.

Jenis Data JavaScript

Terdapat lapan jenis data asas dalam JavaScript. Mereka adalah:

Jenis Data Penerangan Contohnya
String mewakili data teks 'hello', "hello world!"dll
Number nombor bulat atau nombor terapung 3, 3.234, 3e-2Dan lain-lain
BigInt integer dengan ketepatan sewenang-wenangnya 900719925124740999n, 1ndll.
Boolean Mana-mana dua nilai: benar atau salah true dan false
undefined jenis data yang pemboleh ubahnya tidak dimulakan let a;
null menunjukkan nullnilai let a = null;
Symbol jenis data yang contohnya unik dan tidak berubah let value = Symbol('hello');
Object pasangan kunci-nilai pengumpulan data let student = ( );

Di sini, semua jenis data kecuali jenis data Objectprimitif, sedangkan Objectbukan jenis primitif.

Nota: ini Objectjenis data (jenis bukan primitif) boleh menyimpan koleksi data, manakala jenis data primitif hanya boleh menyimpan data tunggal.

Rentetan JavaScript

Stringdigunakan untuk menyimpan teks. Dalam JavaScript, rentetan dikelilingi oleh petikan:

  • Petikan tunggal: 'Hello'
  • Petikan berganda: "Hello"
  • Trik Belakang: `Hello`

Sebagai contoh,

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

Petikan tunggal dan petikan ganda hampir sama dan anda boleh menggunakan salah satu daripadanya.

Trik belakang biasanya digunakan apabila anda perlu memasukkan pemboleh ubah atau ungkapan ke dalam rentetan. Ini dilakukan dengan membungkus pemboleh ubah atau ungkapan dengan $(variable or expression)seperti yang ditunjukkan di atas.

Anda akan belajar mengenai penggunaan backtick dalam tutorial String JavaScript.

Nombor JavaScript

Numbermewakili nombor bulat dan terapung (perpuluhan dan eksponen). Sebagai contoh,

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

A jenis nombor juga boleh menjadi +Infinity, -Infinitydan NaN(bukan nombor). 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

JavaScript BigInt

Dalam JavaScript, Numberjenis hanya dapat mewakili angka kurang dari (2 53 - 1) dan lebih daripada - (2 53 - 1) . Namun, jika anda perlu menggunakan bilangan yang lebih besar daripada itu, anda boleh menggunakan BigIntjenis data.

A BigIntbeberapa dicipta dengan melampirkan 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); 

Pengeluaran

 900719925124740999n Jenis yang Tidak Terperangkap Kesalahan: Tidak dapat mencampurkan BigInt dan jenis lain

Catatan: BigInt diperkenalkan dalam versi JavaScript yang lebih baru dan tidak disokong oleh banyak penyemak imbas termasuk Safari. Lawati sokongan BigInt JavaScript untuk mengetahui lebih lanjut.

Boolean JavaScript

Jenis data ini mewakili entiti logik. Booleanmewakili satu daripada dua nilai: trueatau false. Lebih mudah untuk menganggapnya sebagai pertukaran ya / tidak. Sebagai contoh,

 const dataChecked = true; const valueCounted = false;

Anda akan mengetahui lebih lanjut mengenai boolean dalam tutorial Perbandingan JavaScript dan Operator Logik.

JavaScript tidak ditentukan

Yang undefinedjenis data mewakili nilai yang tidak diberikan . Sekiranya pemboleh ubah dinyatakan tetapi nilainya tidak diberikan, maka nilai pemboleh ubah tersebut akan menjadi undefined. Sebagai contoh,

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

Anda juga boleh menetapkan nilai pemboleh ubah secara eksplisit undefined. Sebagai contoh,

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

Catatan: Sebaiknya jangan menetapkan secara jelas undefinedkepada pemboleh ubah. Biasanya, nulldigunakan untuk menetapkan nilai 'tidak diketahui' atau 'kosong' kepada pemboleh ubah.

Nol JavaScript

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

 const number = null;

Kod di atas menunjukkan bahawa pemboleh ubah nombor kosong.

Nota : 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 bermaksud bahawa pemboleh ubah boleh terdiri dari satu jenis data dan kemudian dapat diubah menjadi jenis data yang 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 jenis pemboleh ubah, anda boleh 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 nulljenisnya. Ini adalah masalah yang diketahui dalam JavaScript sejak pertama kali dilancarkan.

Artikel menarik...