Tiếp theo Thế giới JS, share cho các bạn cách chuyển đổi kiểu dữ liệu từ kiểu này sang kiểu khác trong JavaScript, Nó là ngôn ngữ được import lỏng lẻo và hầu hết thời gian các toán tử tự động chuyển đổi một giá trị thành đúng loại nhưng cũng có những trường hợp chúng ta cần thực hiện chuyển đổi loại một cách rõ ràng.
Mặc dù JavaScript cung cấp nhiều cách để chuyển đổi dữ liệu từ loại này sang loại khác nhưng có hai cách chuyển đổi dữ liệu phổ biến nhất:
- Chuyển đổi giá trị thành chuỗi
- Chuyển đổi giá trị thành số
1.Chuyển đổi ngầm định:
Có nhiều toán tử và hàm khác nhau trong JavaScript tự động chuyển đổi một giá trị thành đúng loại như hàm alert() trong JavaScript chấp nhận bất kỳ giá trị nào và chuyển đổi nó thành một chuỗi. Nhưng các toán tử khác nhau tạo ra một vấn đề như toán tử ‘+’.
Thí dụ:
Đầu vào: “2” + “3”
Đầu ra: “23”
ở đây toán tử + là viết tắt của nối chuỗi trong trường hợp này.
Nhưng “3” – “1” cho đầu ra 2 bằng cách sử dụng Chuyển đổi ngầm định.
Code số 1:
Code này hiển thị chuyển đổi kiểu ẩn trong JavaScript.
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
document.write('("3" - "1") = ' + ("3" - "1") + "<br>");
document.write('("3" - 1) = ' + ("3" - 1) + "<br>");
document.write('("3" * "2") = ' + ("3" * "2") + "<br>");
document.write('("3" % "2") = ' + ("3" % "2") + "<br>");
document.write('("3" + null) = ' + ("3" + null) + "<br>");
Đầu ra:
("3" - "1") = 2
("3" - 1) = 2
("3" * "2") = 6
("3" % "2") = 1
("3" + null) = 3null
2.Chuyển đổi giá trị thành chuỗi: Hàm
String() hoặc toString() có thể được sử dụng trong JavaScript để chuyển đổi giá trị thành chuỗi.
Cú pháp hàm String():
String(giá trị)
Thí dụ:
Đầu vào:
var v = 1555;
var s = String(v);
Đầu ra:
bây giờ s chứa “1555”.
Cú pháp hàm toString():
variableName.toString(base)
Thí dụ:
Đầu vào:
var v = 1555;
var s = v.toString();
Đầu ra:
bây giờ s chứa “1555”.
Code số 2:
Code bên dưới sẽ chuyển đổi số thành chuỗi, giá trị boolean thành chuỗi và ngày thành chuỗi.
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
// Number and date has been assigned
// to variable v and d respectively
var v = 123;
var d = new Date('1995-12-17T03:24:00');
// Conversion of number to string
document.write(" String(v) = " + String(v) + "<br>");
// Conversion of number to string
document.write(" String(v + 11) = " + String(v + 11) + "<br>");
document.write(" String( 10 + 10) = " + String(10 + 10) + "<br>");
// Conversion of boolean value to string
document.write(" String(false) = " + String(false) + "<br>");
// Conversion of Date to string
document.write(" String(d) = " + String(d) + "<br>");
Đầu ra:
String(v) = 123 String(v + 11) = 134 String( 10 + 10) = 20 String(false) = false String(d) = Sun Dec 17 1995 03:24:00 GMT+070 (Asian Standard Time)
3.Chuyển đổi giá trị thành số:
Chúng ta có thể sử dụng hàm Number() trong JavaScript để chuyển đổi giá trị thành Số. Nó có thể chuyển đổi bất kỳ văn bản số và giá trị boolean nào thành Số. Trong trường hợp các chuỗi không phải số, nó sẽ chuyển đổi nó thành NaN (Không phải là số).
Cú pháp:
Number(valueToConvert)
Thí dụ:
Đầu vào:
var s = “144”;
var n = Số (s);
Đầu ra:
bây giờ n chứa 144(Số).
Code số 3:
Code bên dưới chuyển đổi văn bản số, ngày tháng và giá trị boolean thành số.
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
// Number and date has been assigned
// to variable v and d respectively
var v = "144";
var d = new Date('1995-12-17T03:24:00');
// Conversion of string to number
document.write(" Number(v) = " + Number(v) + "<br>");
//Conversion of boolean value to number
document.write(" Number(false) = " + Number(false) + "<br>");
document.write(" Number(true) = " + Number(true) + "<br>");
// Conversion of date to number
document.write(" Number(d) = " + Number(d) + "<br>");
Đầu ra:
Number(v) = 144 Number(false) = 0 Number(true) = 1 Number(d) = 819150840000
Code số 4:
Nếu chuỗi không phải là số thì nó sẽ chuyển đổi thành NaN và các chuỗi có khoảng trắng hoặc chuỗi trống sẽ chuyển đổi thành 0.
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
// Empty string assigned
var v = "";
// White space assigned
var d = " ";
// Non-number string assigned
var s = "VPSUS.VN";
// Printing converted values of number
document.write(" Number(v) = " + Number(v) + "<br>");
document.write(" Number(d) = " + Number(d) + "<br>");
document.write(" Number(s) = " + Number(s) + "<br>");
Đầu ra:
Number(v) = 0 Number(d) = 0 Number(s) = NaN
Trên đây là tất cả những gì về chuyển đổi kiểu dữ liệu này sang kiểu khác trong javascript mà bạn cần biết. Nếu bạn có bất kỳ câu hỏi liên quan tới chuyển đổi kiểu dữ liệu, hãy chủ động liên hệ và inbox cho chúng tôi, để giúp đỡ bạn sớm nhất
Tiếp theo, hãy cùng Thế giới JS tìm hiểu thêm các kiến thức về Javascript trong các bài tiếp theo trong series học miễn phí Javascript từ cơ bản tới nâng cao.
Nếu bạn cảm thấy hữu ích và yêu thích Thế giới JS, hãy tham gia và theo dõi chúng tôi để nhận thêm nhiều kiến thức MIỄN PHÍ hơn nữa nhé:
Share to learn more than!
