Danh Mục Bài Viết
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ì.
Trong Javascript có 8 kiểu dữ liệu
undefined
..Trong đó kiểu dữ liệu đối tượng có thể chứa:
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 (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"';
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ư:
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");
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 đượ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"];
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.
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 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 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()
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é>>
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--