Menu
CoddyTech

Chuyển đổi kiểu dữ liệu, phần 1

Thuộc phần Kiến thức cơ bản trong hành trình JavaScript của Coddy. Bài học 30 trên 77.

Để chuyển đổi giữa các kiểu dữ liệu khác nhau trong JavaScript, chúng ta cần dùng chuyển đổi kiểu dữ liệu.

JavaScript hỗ trợ cả chuyển đổi kiểu dữ liệu ngầm định và tường minh. Hãy cùng tìm hiểu phần 1 về các phương thức chuyển đổi tường minh phổ biến nhất:

parseInt và parseFloat

// Chuyển chuỗi thành số bằng parseInt và parseFloat
let str = "42";
let num1 = parseInt(str);    // Chuyển thành số nguyên
let num2 = parseFloat("42.5");  // Chuyển thành số thực

console.log(num1);  // In ra: 42
console.log(num2);  // In ra: 42.5

Cả hai hàm đều đọc số từ đầu chuỗi và dừng ở ký tự đầu tiên không thuộc một số. Nếu chuỗi không bắt đầu bằng số, chúng trả về NaN (không phải số):

console.log(parseInt("5ab"));      // Đầu ra: 5 (phân tích đến khi gặp ký tự không hợp lệ)
console.log(parseFloat("5.2xyz")); // Đầu ra: 5.2 (phân tích đến khi gặp ký tự không hợp lệ)
console.log(parseFloat("abc123")); // Đầu ra: NaN (không có số ở đầu chuỗi)

Giá trị lấy từ đầu vào của người dùng (như inp[0]) luôn là chuỗi, vì vậy hãy chuyển đổi chúng bằng parseInt hoặc parseFloat trước khi tính toán. Nếu không, + sẽ nối chúng thành văn bản thay vì cộng chúng.

Việc dùng đúng kiểu dữ liệu rất quan trọng vì nó có thể ảnh hưởng đến đầu ra.

Nối hai chuỗi: "5" + "5" == "55"

Cộng hai số: 5 + 5 == 10

Hiểu về chuyển đổi kiểu dữ liệu là điều cần thiết để viết code JavaScript đáng tin cậy và tránh kết quả không mong muốn trong chương trình.

challenge icon

Thử thách

Người mới

Cho hai chuỗi var1 và var2.

Chuyển chúng thành số thực và in ra tích của hai số.

Tự làm thử

let var1 = inp[0] // Đừng thay đổi dòng này
let var2 = inp[1] // Đừng thay đổi dòng này

// Viết code bên dưới
quiz iconTự kiểm tra

Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.

Tất cả bài học trong Kiến thức cơ bản

Tự luyện tập: Trình biên dịch JavaScript online