Chuyên mục Học nhanh Javascript cùng Minacode

Làm quen với các Kiểu dữ liệu trong Javascript - #7

Đăng bởi: Minacode|Cập nhật:17-01-2024

Ok anh em, Tiếp theo với chủ đề học nhanh Javascript cùng Minacode. Bài viết này mình sẽ cùng các bạn làm quen với các Kiểu dữ liệu trong Javascript nhé! Nào Let's go thôi.

Trong lập trình, kiểu dữ liệu là một khái niệm rất quan trọng. Để có thể thao tác trên các biến, điều quan trọng là phải biết biến đó thuộc kiểu dữ liệu gì.

Các kiểu dữ liệu JavaScript

Trong Javascript có 8 kiểu dữ liệu

  • 1. Chuỗi - string
    2. Số - number
    3. Bigint
    4. Boolean
    5. Không xác định - undefined..
    6. Null
    7. Ký hiệu- Symbol
    8. Đối tượng - object

Trong đó kiểu dữ liệu đối tượng có thể chứa:

  • 1. Một đối tượng
    2. Một mảng - array
    3. Một ngày tháng - date

Ví dụ:

// Số:
let length = 16;
let weight = 7.5;

// Chuỗi:
let color = "Yellow";
let lastName = "Johnson";

// Booleans
let x = true;
let y = false;

// Đối tượng:
const person = {firstName:"John", lastName:"Doe"};

// Đối tượng mảng:
const cars = ["Saab", "Volvo", "BMW"];

// Đối tượng ngày tháng:
const date = new Date("2022-03-25");

Một biến JavaScript có thể chứa bất kỳ loại dữ liệu nào. Một biến có thể được sử dụng để chứa các loại dữ liệu khác nhau:

let x;       // Lúc này x không xác định
x = 5;       // Lúc này x là số
x = "Minacode";  // Lúc này x là chuỗi

Sau đây mình sẽ đi qua các kiểu dữ liệu trên. Còn chi tiêt hơn mình sẽ nói ở những bài viết sau nhé!

Chuỗi trong JavaScript

Chuỗi (hoặc chuỗi văn bản) là một chuỗi ký tự như "Mina Code". Bạn có thể sử dụng dấu ngoặc đơn hoặc dấu ngoặc kép để bọc ngoài cho nó:

// Ngoặc kép:
let carName1 = "Volvo XC60";

// Ngoặc đơn:
let carName2 = 'Volvo XC60';

Bạn có thể sử dụng dấu ngoặc kép bên trong một chuỗi, miễn là chúng không khớp với dấu ngoặc kép xung quanh chuỗi:

// Ngoặc đơn bên trong ngoặc kép:
let answer2 = "Kênh lập trình 'Minacode'";

// Ngoặc kép bên trong ngoặc đơn:
let answer3 = 'Kênh lập trình "Minacode"';

Số trong JavaScript

Tất cả các số trong JavaScript được lưu trữ dưới dạng số thập phân (dấu phẩy động). Số có thể được viết có hoặc không có số thập phân:

// Có thập phân:
let x1 = 34.00;

// Không thập phân:
let x2 = 34;

Hầu hết các ngôn ngữ lập trình đều có nhiều loại số như:

  • + Số nguyên (số nguyên): byte (8 bit), short (16 bit), int (32 bit), long (64 bit)
  • + Số thực (dấu phẩy động): float (32-bit), double (64-bit).
  • + Số Javascript luôn có một loại: double (dấu phẩy động 64 bit).

BigInt trong JavaScript

JavaScript BigInt là một kiểu dữ liệu mới ( ES2020 ) có thể được sử dụng để lưu trữ các giá trị số nguyên quá lớn để được biểu thị bằng Số JavaScript thông thường.

let x = BigInt("123456789012345678901234567890");

Boolean trong JavaScript

Booleans chỉ có thể có hai giá trị: true hoặc false.

let x = 5;
let y = 5;
let z = 6;
(x == y)// Trả về giá trị true
(x == z)// Trả về giá trị false

Mảng trong JavaScript

Mảng trong JavaScript được viết bằng dấu ngoặc vuông. Các phần tử của mảng được phân tách bằng dấu phẩy. Đoạn mã sau khai báo (tạo) một mảng có tên cars, chứa ba mục (tên ô tô):

const cars = ["Saab", "Volvo", "BMW"];

Đối tượng trong JavaScript

Các đối tượng JavaScript được viết bằng dấu ngoặc nhọn {}. Các thuộc tính bên trong đối tượng được viết dưới dạng cặp tên:giá trị, phân tách bằng dấu phẩy.

const person = {firstName:"ngô", lastName:"nguyên", age:30, eyeColor:"black"};

Đối tượng (người) trong ví dụ trên có 4 thuộc tính: firstName, LastName, age và eyeColor.

Undefined trong JavaScript

Trong JavaScript, một biến không có giá trị sẽ có giá trị undefined.

let car;    // Biến car có giá trị undefined, kiểu dữ liệu là undefined 

Chúng ta cũng có thể đặt giá trị cho nó thành undefined

car = undefined; // Biến car có giá trị undefined, kiểu dữ liệu là undefined

Lưu ý: Giá trị trống không liên quan gì đến undefined. Một chuỗi trống có cả giá trị và kiểu.

let car = "";    // Giá trị là "", Kiểu dự liệu là "string"

Null  trong JavaScript

Null có nghĩa là giá trị rỗng hoặc giá trị không tồn tại, nó có thể được sử dụng để gán cho một biến như là một đại diện không có giá trị.

var test = null;
alert(test);//null

Sự khác biệt giữa null và undefined

typeof undefined;//undefined
typeof null;//object

Có thể thấy undefind có kiểu giá trị là undefined nhưng null lại là 1 object (bạn có thể coi đó là một lỗi nhỏ trong JavaScript khi để kiểu của null là đối tượng, đáng ra kiểu của nó nên là null).

Symbol  trong JavaScript

Symbol là một kiểu dữ liệu nguyên thủy của JavaScript, cùng với string, number, boolean, null và undefined.  Nó được giới thiệu lần đầu tiên tại ECMAScript 2015 (ES6) một vài năm về trước. 

Nó là một kiểu dữ liệu rất đặc biệt. Khi bạn tạo một Symbol, giá trị của nó được giữ kín và chỉ để sử dụng nội bộ. Bạn tạo một Symbol bằng cách gọi hàm global Symbol():

const mySymbol = Symbol()

Xác định kiểu dữ liệu:

Bạn có thể sử dụng toán tử typeof trong JavaScript để tìm kiểu dữ liệu của biến JavaScript. Nó sẽ trả về kiểu của biến hoặc biểu thức:
typeof "nguyên"// Trả về "string"
typeof 30// Trả về "number"

>>Còn tiếp nhé>>

Để Lại Ý Kiến Của bạn!
Bài Viết Chuyên Mục


Khóa Học Miễn Phí

IvyModa

FullStack

Chi tiết

Tạo tính năng CRUD với Livewire Laravel

FullStack

Chi tiết

Php-MySqli-DataBase Cơ Bản

FullStack

Chi tiết
Về MinaCode
Đọc Thơ Nhân Kỷ Niệm 10 Năm Thành Lập MB Nam Đà Nẵng

Banker To Coder

Hi All,


Nguyên đây! MinaCode là website mình tạo ra với mong muốn chia sẻ chút kiến thức liên quan đến lập trình FullStack.

Ngôn ngữ lập trình chủ yếu được sử dụng là Htm, Css, Javascript, Php cùng một số thư viện như Jquery, Fontawesome... Phía Frontend và Farmework Laravel phía Backend.

Mình chưa bao giờ tham gia bất cứ một trường lớp nào về lập trình. Tất cả kiến thức mình chia sẻ đều là trên tình thần tự học. Do đó:

+ MinaCode phù hợp với những tay ngang, xem lập trình như là một kỹ năng bổ trợ trong công việc hay là một kênh kiếm thêm thu nhập từ những very mini projects.

+ MinaCode không phù hợp với những bạn đang được đào tạo bài bản, chính quy.

Mình tin rằng, Trong tương lai không xa. Lập trình sẽ trở nên một kỹ năng không thể thiếu đối với các bạn trẻ.

Cuối cùng thì Ngôn ngữ lập trình không quan trọng bằng Tư duy lập trình. Mình chúc các bạn sẽ có được những kiến thức bổ ích với MinaCode.

--Ngô Sỹ Nguyên--

Coming Soon