Memahami Jenis Data JavaScript

JavaScript ialah bahasa ditaip secara dinamik, yang bermaksud anda tidak perlu menentukan jenis data pembolehubah semasa mengisytiharkannya. Jenis data ditentukan secara automatik atau ditukar mengikut keperluan semasa pelaksanaan. Ciri ini menjadikan JavaScript fleksibel dan mesra pembangun.

Apakah Jenis Data?

Jenis data mentakrifkan jenis data yang boleh disimpan dan dimanipulasi oleh pembolehubah. Pembolehubah JavaScript boleh menyimpan sebarang jenis data. Dalam JavaScript, jenis data secara amnya dikategorikan kepada dua jenis:
1️⃣ Jenis Data Primitif (7 jenis)
2️ Jenis Data Bukan Primitif (1 jenis)

1️⃣ Jenis Data Primitif: Blok Bangunan

Ini adalah jenis data paling asas dalam JavaScript dan ia tidak boleh diubah, bermakna nilainya tidak boleh diubah.

(1) Rentetan: Mewakili data teks. Dalam JavaScript, terdapat 3 jenis petikan: Petikan berganda, Petikan Tunggal, Backticks.
? Contoh:

const fname = 'Richa'; // Single quotes
const language = "JavaScript"; // Double quotes
const study = `webDev`; // Backticks
console.log(fname, language, study); // Output: Richa JavaScript webDev

(2) Nombor: Mewakili nilai angka (kedua-dua integer dan nombor titik terapung).
? Contoh:

const total = 0;
const PI = 3.14;
console.log(total, PI); // Output: 0 3.14

(3) BigInt: Mewakili integer yang lebih besar daripada jenis Nombor yang boleh dikendalikan. Nilai BigInt dicipta dengan menambahkan n pada penghujung integer.
? Contoh:

const bigNumber = 1234567890123456789012345678901234567890n;
console.log(bigNumber); // Output: 1234567890123456789012345678901234567890n

(4) Boolean: Mewakili nilai logik, sama ada benar atau salah.
? Contoh:

const isPrimeNumber = true;
const isNewUser = false;
console.log(isPrimeNumber, isNewUser); // Output: true false

(5) Null: Mewakili nilai yang sengaja kosong atau tidak diketahui.
? Contoh:

const data = null;
console.log(data); // Output: null

(6) Tidak Ditakrifkan: Mewakili pembolehubah yang telah diisytiharkan tetapi belum diberikan nilai.
? Contoh:

let result;
console.log(result); // Output: undefined

/* Uncomment the following code and see what output will return */
/* let result = undefined;
console.log(result); */

let result_1 = undefined;
console.log(result_1); // Output: undefined

(7) Simbol: Diperkenalkan dalam ES6 (2015), mewakili nilai yang unik dan tidak berubah. Jenis simbol digunakan untuk mencipta pengecam unik untuk objek. Buat masa ini, saya hanya akan menyebut perkara ini secara ringkas. Kami akan menyelidiki lebih terperinci kemudian.
? Contoh:

const uniqueId = Symbol("id");
console.log(uniqueId); // Output: Symbol(id)

2️ Jenis Data Bukan Primitif: Struktur Kompleks

Jenis data ini boleh menyimpan koleksi nilai atau entiti yang lebih kompleks.
(1) Objek: Koleksi sifat, dengan setiap sifat ditakrifkan sebagai pasangan nilai kunci.
? Contoh:

// object literal
const person = {
    firstName: "Richa",
    lastName: "webDev",
    age: 50
};
// dot (.) notation for access properties
console.log(person.firstName); // Output: Richa

Jenis Operator

Jenis operator mengembalikan jenis data pembolehubah JavaScript atau ungkapan.
? Contoh:

console.log(typeof "Richa"); // Output: string  
console.log(typeof 0); // Output: number  
console.log(typeof 123); // Output: number  
console.log(typeof 123.12); // Output: number  
console.log(typeof (12 + 8)); // Output: number  
console.log(typeof true); // Output: boolean  
console.log(typeof 25n); // Output: bigint  
console.log(typeof undefined); // Output: undefined  
console.log(typeof null); // Output: object
console.log(typeof Symbol("uId")); // Output: symbol  
console.log(typeof function(){}); // Output: function  
console.log(typeof Math); // Output: object  

Nota Penting:

• Kunci dalam objek tidak boleh mengandungi tanda sempang dan petikan adalah pilihan melainkan perlu.
• Gunakan notasi titik (.) untuk mengakses sifat objek.
• Jenis primitif tidak boleh diubah, manakala jenis bukan primitif (seperti objek dan tatasusunan) boleh berubah.
• Biasanya, seseorang menggunakan null untuk menetapkan nilai "kosong" atau "tidak diketahui" kepada pembolehubah, manakala undefined dikhaskan sebagai nilai awal lalai untuk perkara yang tidak ditetapkan.
• Untuk operator jenis null mengembalikan "objek" – ini ialah ralat dalam bahasa, ia bukan objek.

Kesimpulan

Memahami jenis data JavaScript adalah asas untuk menjadi mahir dalam bahasa. Sama ada anda berurusan dengan nombor, rentetan atau objek kompleks, mengetahui cara menggunakan dan memanipulasi jenis ini dengan berkesan boleh meningkatkan kemahiran pengaturcaraan anda dengan ketara.

Apakah kes penggunaan kegemaran anda untuk jenis data JavaScript? Kongsi pendapat anda dalam komen di bawah! ?

Atas ialah kandungan terperinci Memahami Jenis Data JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!