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ụ.
Như đề xuất của tên, kiểu dữ liệu đề cập đến kiểu dữ liệu mà bạn có thể sử dụng trong chương trình của mình. Ví dụ,
const x = 5; const y = "Hello";
Đây,
- 5 là một số nguyên.
- "Xin chào" là một dữ liệu chuỗi.
Các loại dữ liệu JavaScript
Có tám kiểu dữ liệu cơ bản trong JavaScript. Họ đang:
| Loại dữ liệu | Sự miêu tả | Thí dụ |
String | đại diện cho dữ liệu văn bản | 'hello', "hello world!"v.v. |
Number | một số nguyên hoặc một số dấu phẩy động | 3, 3.234, 3e-2, Vv |
BigInt | một số nguyên với độ chính xác tùy ý | 900719925124740999n, 1nv.v. |
Boolean | Bất kỳ giá trị nào trong hai giá trị: true hoặc false | true và false |
undefined | kiểu dữ liệu có biến không được khởi tạo | let a; |
null | biểu thị một nullgiá trị | let a = null; |
Symbol | kiểu dữ liệu có các phiên bản là duy nhất và bất biến | let value = Symbol('hello'); |
Object | cặp khóa-giá trị của bộ sưu tập dữ liệu | 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:
- Dấu nháy đơn:
'Hello' - Dấu ngoặc kép:
"Hello" - Gậy ngược:
`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 ngoặc 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); // 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
Trong JavaScript, Numberkiểu chỉ có thể biểu thị các số nhỏ hơn (2 53 - 1) và nhiều hơn - (2 53 - 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); // returns "900719925124740999n" const value2 = 900719925124740998n; // Error! BitInt and number cannot be added const result2 = value2 + 1; console.log(result2);
Đầu ra
900719925124740999n Loại không có lỗi Lỗi: Không thể kết hợp BigInt và các loại khác
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); // returns undefined
Cũng có thể gán giá trị biến một cách rõ ràng undefined. Ví dụ,
let name = undefined; console.log(name); // returns 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 gợi ý rằng biến số trống.
Lưu ý : nullkhông giống như NULL hoặc Null.
Biểu tượng 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.
Đ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.
