Các loại dữ liệu JavaScript

Trong hướng dẫn này, bạn sẽ tìm hiểu về các kiểu dữ liệu khác nhau có sẵn trong JavaScript với sự trợ giúp của các ví dụ.

Có nhiều loại dữ liệu khác nhau mà chúng ta có thể sử dụng trong một chương trình JavaScript. Ví dụ,

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

Đây,

• 5 is an integer data.
• “Hello” is a string data.

Các loại dữ liệu JavaScript

Có tám kiểu dữ liệu cơ bản trong JavaScript. Họ đang:

Data Types	Decfscription	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 = { };

Ở đây, tất cả các kiểu dữ liệu ngoại trừ Objectlà kiểu dữ liệu nguyên thủy, ngược lại Objectlà không nguyên thủy.

Lưu ý: Kiểu Objectdữ liệu (kiểu không nguyên thủy) có thể lưu trữ các tập hợp dữ liệu, trong khi kiểu dữ liệu nguyên thủy chỉ có thể lưu trữ một dữ liệu duy nhất.

Chuỗi JavaScript

Stringđược sử dụng để lưu trữ văn bản. Trong JavaScript, các chuỗi được bao quanh bởi dấu ngoặc kép:

• Single quotes: 'Hello'
• Double quotes: "Hello"
• Backticks: `Hello`

Ví dụ,

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

Dấu nháy đơn và dấu nháy kép thực tế giống nhau và bạn có thể sử dụng một trong hai.

Dấu gạch chéo thường được sử dụng khi bạn cần bao gồm các biến hoặc biểu thức vào một chuỗi. Điều này được thực hiện bằng cách gói các biến hoặc biểu thức với ${variable or expression}như hình trên.

Bạn sẽ tìm hiểu về cách sử dụng backticks trong hướng dẫn Chuỗi JavaScript .

Số JavaScript

Numberđại diện cho số nguyên và số thực (số thập phân và cấp số nhân). Ví dụ,

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

Một loại số cũng có thể được +Infinity, -Infinityvà NaN(không phải là số). Ví dụ,

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

Trong JavaScript, Numberkiểu chỉ có thể đại diện cho các số nhỏ hơn (2 ⁵³ – 1) và nhiều hơn – (2 ⁵³ – 1) . Tuy nhiên, nếu bạn cần sử dụng một số lớn hơn, bạn có thể sử dụng BigIntkiểu dữ liệu.

Một BigIntsố được tạo ra bằng cách thêm n vào cuối một số nguyên. Ví dụ,

// 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); 

Đầu ra

900719925124740999n
Uncaught TypeError: Cannot mix BigInt and other types

Lưu ý: BigInt đã được giới thiệu trong phiên bản JavaScript mới hơn và không được hỗ trợ bởi nhiều trình duyệt bao gồm cả Safari. Truy cập bộ phận hỗ trợ của JavaScript BigInt để tìm hiểu thêm.

JavaScript Boolean

Kiểu dữ liệu này đại diện cho các thực thể logic. Booleanđại diện cho một trong hai giá trị: truehoặc false. Nó dễ dàng hơn để nghĩ về nó như một công tắc có / không. Ví dụ,

const dataChecked = true;
const valueCounted = false;

Bạn sẽ tìm hiểu thêm về boolean trong hướng dẫn So sánh JavaScript và Toán tử logic .

JavaScript không xác định

Kiểu undefineddữ liệu đại diện cho giá trị không được gán . Nếu một biến được khai báo nhưng giá trị không được gán, thì giá trị của biến đó sẽ là undefined. Ví dụ,

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

Cũng có thể gán một giá trị biến một cách rõ ràng undefined. Ví dụ,

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

Lưu ý: Không nên gán rõ ràng undefinedcho một biến. Thông thường, nullđược sử dụng để gán giá trị “không xác định” hoặc “trống” cho một biến.

JavaScript null

Trong JavaScript, nulllà một giá trị đặc biệt đại diện cho giá trị trống hoặc không xác định . Ví dụ,

const number = null;

Đoạn mã trên cho thấy số biến trống.

Lưu ý : nullkhông giống như NULL hoặc Null.

Biểu tượng JavaScript

Kiểu dữ liệu này đã được giới thiệu trong phiên bản JavaScript mới hơn (từ ES2015).

Một giá trị có kiểu dữ liệu Symbolcó thể được coi là một giá trị ký hiệu . Symbollà một giá trị nguyên thủy bất biến là duy nhất. Ví dụ,

// two symbols with the same decfscription

const value1 = Symbol('hello');
const value2 = Symbol('hello');

Mặc dù value1 và value2 đều chứa 'hello', chúng khác nhau vì chúng thuộc Symbolloại.

Truy cập Biểu tượng JavaScript để tìm hiểu thêm.

Đối tượng JavaScript

An objectlà một kiểu dữ liệu phức tạp cho phép chúng ta lưu trữ các tập hợp dữ liệu. Ví dụ,

const student = {
    firstName: 'ram',
    lastName: null,
    class: 10
};

Bạn sẽ tìm hiểu về Đối tượng JavaScript trong các hướng dẫn sau.

Loại JavaScript

JavaScript là một ngôn ngữ được gõ động (gõ lỏng). JavaScript tự động xác định kiểu dữ liệu của biến cho bạn.

Điều đó cũng có nghĩa là một biến có thể thuộc một kiểu dữ liệu và sau này nó có thể được thay đổi thành kiểu dữ liệu khác. Ví dụ,

// data is of undefined type
let data;

// data is of integer type
data = 5;

// data is of string type
data = "JavaScript Programming";

JavaScript typeof

Để tìm kiểu của một biến, bạn có thể sử dụng typeoftoán tử. Ví dụ,

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"

Lưu ý rằng typeoftrả về "object"cho nullloại. Đây là một vấn đề đã biết trong JavaScript kể từ lần phát hành đầu tiên.