Variables et types de données JavaScript : stockage et manipulation de données en JavaScript.

JavaScript ialah bahasa pengaturcaraan serba boleh yang menggerakkan web, membolehkan pembangun mencipta tapak web yang interaktif dan dinamik. Salah satu konsep teras dalam JavaScript, dan dalam mana-mana bahasa pengaturcaraan, ialah cara data disimpan dan dimanipulasi. Untuk membina aplikasi web dengan berkesan, adalah penting untuk memahami pembolehubah dan jenis data dalam JavaScript.

Dalam artikel ini, kami akan membincangkan apakah pembolehubah, cara mengisytiharkannya dan pelbagai jenis data yang disokong oleh JavaScript untuk menyimpan dan memanipulasi data.

---

Pembolehubah dalam JavaScript

Apakah Pembolehubah?

pembolehubah dalam JavaScript adalah seperti bekas yang menyimpan data. Ia membolehkan anda menyimpan dan mendapatkan semula nilai yang boleh anda gunakan sepanjang program anda. Fikirkan pembolehubah sebagai label yang dilampirkan pada nilai. Sebaik sahaja anda menetapkan nilai kepada pembolehubah, anda boleh merujuknya dengan namanya, dan bukannya menggunakan nilai secara terus setiap kali.

Sebagai contoh, bukannya menulis "John" beberapa kali, anda boleh menetapkannya kepada pembolehubah seperti ini:

let name = "John";
console.log(name);  // Outputs: John

Mengisytiharkan Pembolehubah

Dalam JavaScript, pembolehubah boleh diisytiharkan menggunakan kata kunci var, let atau const.

1. var

var ialah cara tertua untuk mengisytiharkan pembolehubah dalam JavaScript. Walau bagaimanapun, ia mempunyai beberapa isu dengan skop, itulah sebabnya pembangun JavaScript moden lebih suka menggunakan let dan const.

var age = 30;
console.log(age);  // Outputs: 30

2. biarkan

biar adalah berskop blok, bermakna pembolehubah hanya wujud dalam blok yang ditakrifkan (cth., di dalam fungsi atau gelung). Ia ialah cara yang paling biasa digunakan untuk mengisytiharkan pembolehubah dalam JavaScript moden.

let city = "New York";
console.log(city);  // Outputs: New York

3. konst

const adalah serupa dengan let, tetapi ia digunakan untuk mengisytiharkan pembolehubah yang nilainya tidak akan berubah. Setelah nilai diberikan kepada pembolehubah yang diisytiharkan dengan const, nilai itu tidak boleh ditetapkan semula.

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

Menamakan Pembolehubah

Apabila menamakan pembolehubah, ingat peraturan berikut:

• Nama boleh ubah boleh mengandungi huruf, nombor, garis bawah (_) dan tanda dolar ($).
• Mereka mesti bermula dengan huruf, garis bawah atau tanda dolar.
• Nama pembolehubah adalah sensitif huruf besar-kecil (cth., myVar dan myvar ialah pembolehubah yang berbeza).
• Kata kunci JavaScript (cth., var, let, if, function) tidak boleh digunakan sebagai nama pembolehubah.

Konvensyen biasa ialah menggunakan camelCase untuk nama berubah, seperti myVariableName.

---

Jenis Data dalam JavaScript

JavaScript menyokong pelbagai jenis data yang menentukan jenis nilai yang boleh dipegang oleh pembolehubah. Jenis data dibahagikan kepada dua kategori:

• Jenis Data Primitif
• Jenis Data Bukan Primitif (Rujukan)

Jenis Data Primitif

Jenis data primitif ialah jenis data paling asas dalam JavaScript. Ia termasuk:

1. Rentetan

String digunakan untuk mewakili data teks. Ia disertakan dalam petikan—sama ada tunggal ('), double (") atau backtick (`).

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2. Nombor

Jenis data nombor mewakili kedua-dua integer dan nombor titik terapung (iaitu, perpuluhan).

let age = 25;       // Integer
let price = 99.99;  // Floating-point number

3. Boolean

Boolean mewakili nilai logik—benar atau palsu. Ia sering digunakan dalam pernyataan dan perbandingan bersyarat.

let isLoggedIn = true;
let hasAccess = false;

4. Tidak ditentukan

Apabila pembolehubah diisytiharkan tetapi tidak diberikan nilai, ia dimulakan secara automatik dengan nilai tidak ditentukan.

let myVar;
console.log(myVar);  // Outputs: undefined

5. Batal

null mewakili nilai kosong atau tidak wujud secara jelas. Ia digunakan apabila anda ingin menunjukkan bahawa pembolehubah seharusnya tidak mempunyai nilai.

let emptyValue = null;

6. Simbol

Simbol ialah nilai unik dan tidak berubah, biasanya digunakan untuk mencipta kunci sifat unik untuk objek. Walaupun tidak biasa digunakan oleh pemula, ia berguna dalam aplikasi lanjutan.

let symbol1 = Symbol("description");

7. BigInt

Jenis BigInt membenarkan perwakilan nombor bulat yang lebih besar daripada julat jenis Nombor. Ia amat berguna apabila bekerja dengan integer yang sangat besar.

let bigNumber = BigInt(123456789012345678901234567890);

Jenis Data Bukan Primitif (Rujukan).

Jenis data bukan primitif menyimpan struktur dan objek data yang lebih kompleks. Ia dikenali sebagai jenis rujukan kerana pembolehubah menyimpan rujukan kepada data sebenar.

1. Objek

Objek ialah koleksi pasangan nilai kunci. Ia membenarkan anda menyimpan berbilang nilai berkaitan sebagai sifat.

let person = {
  name: "John",
  age: 30,
  isStudent: false
};
console.log(person.name);  // Outputs: John

2. Array

Arrays are ordered collections of values (elements). Arrays can store multiple values in a single variable, and the values can be of any data type.

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]);  // Outputs: Banana

3. Function

Functions are blocks of code designed to perform a particular task. In JavaScript, functions themselves are treated as objects, allowing them to be passed as arguments or stored in variables.

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

---

Type Coercion and Dynamic Typing

JavaScript is dynamically typed, which means you don’t need to explicitly declare the type of a variable. JavaScript will automatically infer the type based on the value assigned. For example:

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

In addition, JavaScript performs type coercion, which means it will automatically convert values from one type to another when necessary.

console.log("5" + 10);  // Outputs: "510" (String concatenation)
console.log("5" - 1);   // Outputs: 4 (Number subtraction)

In the first example, JavaScript coerces 10 to a string and concatenates it with "5". In the second example, "5" is coerced into a number for subtraction.

---

Conclusion

Understanding variables and data types is a fundamental step in learning JavaScript. Variables allow you to store and manage data in your programs, while data types define the kind of data you’re working with, from strings to numbers, booleans, and beyond.

As you continue learning JavaScript, you'll frequently use variables and work with various data types to build interactive and dynamic web applications. By mastering how to manipulate these data types, you’ll be able to write more efficient and effective code.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!