ép kiểu trong javascript

Có hai loại ép kiểu trong JavaScript. Ép kiểu ngầm định (Implicit Conversion) Ép kiểu tường minh (Explicit Conversion) Implicit Trong một số tình huống nhất định, JavaScript tự động chuyển đổi từ kiểu dữ liệu này sang kiểu dữ liệu khác (chuyển sang kiểu phù hợp). Đây được gọi là Ép kiểu ngầm định. Ví dụ 1: Ép kiểu ngầm thành chuỗi Toán tử ép kiểu là một toán tử một ngôi và có cùng độ ưu tiên như bất kỳ toán tử một ngôi nào khác trong C++. Cú pháp được sử dụng thường xuyên của toán tử ép kiểu trong C++ là: (kieu_du_lieu) bieu_thuc . Ở đây, kieu_du_lieu là kiểu dữ liệu bạn muốn. Dưới đây là Thường khi viết code Javascript chúng ta ít khi ép kiểu các giá trị về kiểu Boolean mà thường để tự Javascript ngầm ép kiểu, ví dụ như sau: var x = "string" ; if ( x ) { alert ( true ) ; } else { alert ( false ) ; } //KQ: true Tra Cứu Khoản Vay Atm Online. Bài viết đăng tại dẫn cách chuyển số thành chuỗi trong JavaScript, hay còn gọi là ép kiểu string trong Javascript. Bạn sẽ học được cách sử dụng phương thức trong JavaScript để chuyển các số như số nguyên hay số thực thành chữ, cũng như các điểm cần chú ý khi sử dụng phương thức toString sau bài học số thành chuỗi trong JavaScript phương thức toStringtoString là một phương thức của đối tượng Number trong JavaScript, có tác dụng lấy chuỗi đại diện của một số với cơ số được chỉ định ví dụ như cơ số 2, cơ số 10 Với cùng một số thì phương thức toString sẽ cho ra các kết quả là các chuỗi khác nhau, tùy thuộc vào cơ số được chuyển số thành chuỗi, hay còn gọi là ép kiểu string trong Javascript, chúng ta dùng phương thức toString với cú pháp sau đây [cơ số];Trong đó number là số cần chuyển thành chuỗi trong JavaScript. Số này sẽ được chuyển sang các dạng chữ khác nhau tùy thuộc vào cơ số chỉ bạn muốn sử dụng cơ số 2, hãy chỉ định cơ số là 2, nếu muốn sử dụng cơ số 10, hãy chỉ định cơ số là 10, nếu muốn sử dụng cơ số 16, hãy chỉ định cơ số là 16. Cơ số có thể chỉ định là từ 2 đến 36 mà dụlet num = 88;let num_decimal = let num_bi = let num_hex = Lại nữa, cơ số có thể được lược bỏ và nếu lược bỏ cơ số khi sử dụng phương thức toString thì JavaScript sẽ sử dụng cơ số mặc định là 10 . Ví dụlet num = 88;let num_decimal = Chuyển số nguyên thành chuỗi trong JavaScriptChúng ta chỉ định số nguyên khi sử dụng phương thức toString để chuyển số nguyên thành chuỗi trong dụ cụ thể, chúng ta sẽ chuyển số nguyên dương 88 thành chuỗi trong các cơ số khác nhau như saulet num = 88; tự, chúng ta cũng chuyển số nguyên âm thành chuỗi trong JavaScript như saulet num = -78; số thực thành chuỗi trong JavaScriptNgoài số nguyên ra thì chúng ta cũng có thể chuyển các số không phải là số nguyên như số thực thành chuỗi trong dụ cụ thể, chúng ta sẽ chuyển số thực thành chuỗi trong các cơ số khác nhau như saulet num = ví dụ khác với số thực âm let num = ý khi sử dụng phương thức toString để chuyển số thành chuỗi trong JavaScriptPhương thức toString rất tiện dụng khi chúng ta muốn chuyển số thành chuỗi trong JavaScript. Tuy nhiên khi sử dụng phương thức này, chúng ta cần phải lưu ý 2 điểm sau đâyLưu ý khi sử dụng toString trực tiếp với thường chúng ta sẽ gán số vào biến, sau đó sử dụng phương thức toString với biến này, như Kiyoshi đã hướng dẫn ở trường hợp bạn muốn sử dụng trực tiếp phương thức này với số mà không thông qua biến, hãy nhớ là phải ghi số vào giữa cặp dấu ngoặc, hoặc là thêm dấu cách vào trước số, rồi mới dùng số này với toString.Ví dụ, cách sử dụng trực tiếp toString với số sau đây sẽ là sai, dẫn đến lỗi trả vềnum = = ^^^>>>SyntaxError Invalid or unexpected tokenThay vào đó, chúng ta cần phải viết số vào giữa cặp dấu ngoặc như saunum = 88.toString2; Hoặc là thêm dấu cách vào giữa số đó như saunum = 88 .toString2; Phạm vi cơ số có thể sử dụng trong toString là từ 2 đến 36Khi sử dụng phương thức toString để chuyển số thành chuỗi trong JavaScript, chúng ta chỉ có thể sử dụng các cơ số trong phạm vi từ 2 đến 36 mà như chỉ định cơ số nằm ngoài khoảng này, lỗi RangeError sẽ bị trả về như sau88.toString40;>>>RangeError toString radix argument must be between 2 and 3688.toString1;>>>RangeError toString radix argument must be between 2 and 36Tổng kếtTrên đây Kiyoshi đã hướng dẫn bạn cách chuyển số thành chuỗi trong JavaScript rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp Link chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam!HOME › học javascript - lập trình javascript cơ bản>>03. số trong javascriptBài sauNối chuỗi trong JavaScript concat, toán tử cộngBài tiếpTìm ký tự trong chuỗi JavaScript indexOf, lastIndexOf Ép kiểu ngầm định trong JavaScriptÉp kiểu tường minh trong JavaScript1. Ép kiểu tường minh thành number2. Ép kiểu tường minh thành chuỗi3. Ép kiểu tường minh thành BooleanBảng ép kiểu trong JavaScript Quá trình chuyển đổi từ kiểu dữ liệu này sang kiểu dữ liệu khác được gọi là chuyển đổi kiểu hay ép kiểu. Có hai loại ép kiểu trong JavaScript. Ép kiểu ngầm định Implicit Conversion Ép kiểu tường minh Explicit Conversion Ví dụ alert sẽ tự động chuyển bất kỳ kiểu dữ liệu nào về string để hiển thị chúng, các toán tử toán học sẽ tự động chuyển về kiểu number để thực hiện tính toán. Tuy nhiên trong nhiều trường hợp chúng ta muốn chuyển đổi kiểu về kiểu dữ liệu mà chúng ta mong muốn. Trong bài này chúng ta sẽ tìm hiểu về các cách thay đổi kiểu dữ liệu. >> Xem ngay Tài liệu Java Core giúp bạn “Nâng Cấp” kỹ năng bản thân Trong một số tình huống nhất định, JavaScript tự động chuyển đổi từ kiểu dữ liệu này sang kiểu dữ liệu khác chuyển sang kiểu phù hợp. Đây được gọi là Ép kiểu ngầm định. Ví dụ 1 Ép kiểu ngầm định thành chuỗi // numeric string used with + gives string type let result; result = '3' + 2; // "32" result = '3' + true; // "3true" result = '3' + undefined; // "3undefined" result = '3' + null; // "3null"Code language JavaScript javascript Lưu ý Khi một số được thêm vào một chuỗi, JavaScript sẽ chuyển đổi số đó thành một chuỗi trước khi nối. Ví dụ 2 Ép kiểu ngầm định thành number // numeric string used with +, - , / , * results number type let result; result = '4' - '2'; // 2 result = '4' - 2; // 2 result = '4' * 2; // 8 result = '4' / 2; // 2Code language JavaScript javascript Ví dụ 3 Sử dụng các toán tử +, - , / , * với chuỗi, kết quả sẽ là NaN // non-numeric string used with +, - , / , * results to NaN let result; result = 'hello' - 'world'; // NaN result = '4' - 'hello'; // NaNCode language JavaScript javascript Ví dụ 4 Ép kiểu ngầm định Boolean thành number // if boolean is used, true is 1, false is 0 let result; result = '4' - true; // 3 result = 4 + true; // 5 result = 4 + false; // 4Code language JavaScript javascript Lưu ý JavaScript coi 0 là false và tất cả các số khác 0 là true. Và nếu true được chuyển đổi thành một số, kết quả luôn là 1. Ví dụ 5 Ép kiểu ngầm định null thành number // null is 0 when used with number let result; result = 4 + null; // 4 result = 4 - null; // 4Code language JavaScript javascript Ví dụ 6 Undefined kết hợp với number, boolean và null // Arithmetic operation of undefined with number, boolean and null gives NaN let result; result = 4 + undefined; // NaN result = 4 - undefined; // NaN result = true + undefined; // NaN result = null + undefined; // NaNCode language JavaScript javascript Ép kiểu tường minh trong JavaScript Bạn cũng có thể chuyển đổi từ kiểu dữ liệu này sang kiểu dữ liệu khác theo ý muốn của mình. Chuyển đổi kiểu dữ liệu mà bạn thực hiện theo cách thủ công được gọi là Ép kiểu tường minh. Trong JavaScript, các ép kiểu tường minh được thực hiện bằng cách sử dụng các phương thức có sẵn. Dưới đây là các ép kiểu tường minh thường được sử dụng 1. Ép kiểu tường minh thành number Để ép kiểu chuỗi và boolean thành number, bạn có thể sử dụng Number. Ví dụ let result; // string to number result = Number'324'; // 324 result = Number'324e-1' // // boolean to number result = Numbertrue; // 1 result = Numberfalse; // 0Code language JavaScript javascript Trong JavaScript, chuỗi rỗng và giá trị null trả về 0. Ví dụ let result; result = Numbernull; // 0 let result = Number' ' // 0Code language JavaScript javascript Nếu một chuỗi là một số không hợp lệ, kết quả sẽ là NaN. Ví dụ let result; result = Number'hello'; // NaN result = Numberundefined; // NaN result = NumberNaN; // NaNCode language JavaScript javascript Lưu ý Bạn cũng có thể tạo các số từ các chuỗi bằng cách sử dụng parseInt, parseFloat, toán tử một ngôi + và Ví dụ let result; result = parseInt' // 20 result = parseFloat' // result = +' // result = // 20Code language JavaScript javascript 2. Ép kiểu tường minh thành chuỗi Để chuyển đổi các kiểu dữ liệu khác thành chuỗi, bạn có thể sử dụng String hoặc toString. Ví dụ //number to string let result; result = String324; // "324" result = String2 + 4; // "6" //other data types to string result = Stringnull; // "null" result = Stringundefined; // "undefined" result = StringNaN; // "NaN" result = Stringtrue; // "true" result = Stringfalse; // "false" // using toString result = 324.toString; // "324" result = // "true"Code language JavaScript javascript 3. Ép kiểu tường minh thành Boolean Để chuyển đổi các kiểu dữ liệu khác thành boolean, bạn có thể sử dụng Boolean. Trong JavaScript, undefined, null, 0, NaN, ' ' sẽ chuyển thành false. Ví dụ let result; result = Boolean''; // false result = Boolean0; // false result = Booleanundefined; // false result = Booleannull; // false result = BooleanNaN; // falseCode language JavaScript javascript Còn những giá trị khác sẽ cho kết quả là true. Ví dụ result = Boolean324; // true result = Boolean'hello'; // true result = Boolean' '; // trueCode language JavaScript javascript Bảng ép kiểu trong JavaScript Dưới đây là bảng hiển thị việc chuyển đổi các giá trị khác nhau thành Chuỗi, Số và Boolean trong JavaScript. Giá trịÉp kiểu thành chuỗiÉp kiểu thành sốÉp kiểu thành Boolean1“1”1true0“0”0false“1”“1”1true“0”“0”0true“ten”“ten”NaNtruetrue“true”1truefalse“false”0falsenull“null”0falseundefined“undefined”NaNfalse”“”0false ” “0true Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây. Tìm hiểu thêm về Clean Code tại Định nghĩa hàm prompt trong JavaScriptCú pháp hàm prompt trong JavaScriptVí dụ về hàm prompt trong JavaScriptKết luận Bài viết này sẽ hướng dẫn bạn cách sử dụng hàm prompt trong JavaScript. Trong thế giới web, sẽ có rất nhiều lúc bạn cần lấy thông tin input từ người dùng để thực hiện các hành động khác. Hãy lấy ví dụ đơn giản hoặc tham khảo ví dụ sau đây. Nếu bạn muốn tính EMI Equated monthly installment – Trả góp hàng tháng Đây là một khoản thanh toán cố định mà người đi vay phải trả cho người cho vay vào một ngày cụ thể mỗi tháng theo lịch dựa trên thời hạn vay của người dùng đó. Bạn sẽ cần người dùng nhập các input mà bạn muốn để máy tính áp dụng vào công thức và tính toán. Với JavaScript có một cách siêu nhanh mà lại dễ, đó là sử dụng hàm prompt trong JavaScript. >> Xem ngay Tài liệu Java Core giúp bạn “Nâng Cấp” kỹ năng lập trình Hàm promt trong JavaScript được sử dụng để hiển thị hộp thoại thông báo nhắc người dùng nhập vào dữ liệu dưới dạng văn bản. Khi hộp thoại thông báo hiện lên, nó sẽ đợi cho đến khi người dùng gửi văn bản đó hoặc từ chối nhập dữ liệu và huỷ hộp thoại. Lúc đó, hộp thoại thông báo sẽ bị đóng. Trong một số trường hợp, ví dụ khi người dùng chuyển đổi các tab, trình duyệt có thể không thực sự hiển thị hộp thoại hoặc có thể không đợi người dùng gửi văn bản hoặc hủy hộp thoại. Hộp thoại thông báo này không chứa bất cứ HTML hay CSS nào, nó hiển thị như thế nào phụ thuộc vào hệ điều hành và trình duyệt người dùng đang sử dụng. Nội dung thông báo tới người dùng thường là các câu hỏi để lấy dữ liệu từ người dùng như “Bạn tên là gì?”, “Bạn bao nhiêu tuổi?”, “Bạn học trường gì?”,… Cú pháp hàm prompt trong JavaScript Cú pháp default;Code language JavaScript javascript Bạn cũng có thể thay thế bằng prompt, vì khi bỏ tiền tố window đi thì JavaScript vẫn hiểu rằng bạn đang muốn hiển thị hộp thoại thông báo. promptmessage, default; promptmessage; prompt;Code language JavaScript javascript Trong đó, message là một chuỗi chứa thông tin mà bạn muốn hiển thị cho người dùng, default là một chuỗi chứa giá trị mặc định được hiển thị trong trường nhập văn bản. Lưu ý rằng trong Internet Explorer 7 và 8, nếu bạn không cung cấp tham số này, thì chuỗi “undefined” là giá trị mặc định. Và 2 tham số này KHÔNG BẮT BUỘC. Hàm prompt trong JavaScript trả về một chuỗi văn bản do người dùng nhập hoặc null nếu họ không nhập. Ví dụ Hiển thị một thông báo prompt"Bạn thích con vật gì nhất?";Code language JavaScript javascript Rất đơn giản phải không nào! Ví dụ về hàm prompt trong JavaScript Đầu tiên, chúng ta sẽ ứng dụng 3 dòng lệnh về hàm prompt trong JavaScript đã được định nghĩa trong phần trước nhé! Ví dụ 1 Sử dụng cả 2 tham số message và default // promptmessage, default; prompt"Bao giờ mới giàu đây?", "10 năm nữa";Code language JavaScript javascript Ví dụ 2 Sử dụng tham số message // promptmessage; prompt"Bao giờ mới giàu đây?";Code language JavaScript javascript Ví dụ 3 Không sử dụng bất cứ tham số nào // prompt; prompt;Code language JavaScript javascript Qua 3 ví dụ trên, ta chỉ cần lưu ý, với tham số default, nó sẽ là giá trị mặc định và thay đổi khi người dùng thay đổi văn bản. Còn tham số message, nếu có sẽ giúp người dùng hiểu được bạn đang muốn làm gì. Tiếp theo là ví dụ về phần văn bản sau khi người dùng gửi văn bản hoặc huỷ hộp thoại. Ví dụ 4 Gửi văn bản hoặc huỷ hộp thoại Trong ví dụ này, người dùng được yêu cầu nhập tên của mình vào hộp thoại, mặc định là “Harry Potter”. Nếu người dùng để trống tên hoặc huỷ hộp thoại, dòng chữ “Buồn quá, bạn không muốn nhập tên!” sẽ hiển thị. Ngược lại sẽ là lời chào “Xin chào” cùng với tên của bạn. let person = prompt"Mời bạn nhập tên của mình", "Harry Potter"; let text; if person == null person == "" { text = "Buồn quá, bạn không muốn nhập tên!"; } else { text = "Xin chào " + person + "!"; } language JavaScript javascript Result Bạn hãy thử các trường hợp mình đã nêu ở trên để kiểm chứng cách hoạt động của hàm prompt trong JavaScript nhé! Ví dụ 5 Sử dụng hàm prompt cho nhiều dữ liệu Mỗi lần chạy, hàm prompt chỉ có thể lấy duy nhất 1 chuỗi văn bản. Vì vậy, nếu bạn muốn lấy nhiều dữ liệu, bạn phải hiển thị thông báo nhiều lần để yêu cầu người dùng nhập dữ liệu. let diemToan = prompt"Mời nhập điểm Toán"; let diemVan = prompt"Mời nhập điểm Văn"; let diemAnh = prompt"Mời nhập điểm Anh"; // Ép kiểu từ String sang Number let diemTrungBinh = NumberdiemToan + NumberdiemVan + NumberdiemAnh / 3; // Lấy chữ số thập phân đầu tiên sau dấu phẩy language JavaScript javascript Trong ví dụ này, chúng ta sẽ tính điểm trung bình dựa trên điểm 3 môn Toán, Văn, Anh. Kết quả sẽ tính đến chữ số thập phân đầu tiên sau dấu phẩy. Vì giá trị trả về của hàm prompt là một chuỗi nên để tính toán được, bạn cần chuyển đổi kiểu dữ liệu từ chuỗi sang số String sang Number. Nếu không, kết quả sẽ trả về NaN Not a Number. Result Xem thêm về Ép kiểu trong JavaScript tại đây! Kết luận Hàm prompt trong JavaScript sẽ hiển thi hộp thoại thông báo khi muốn lấy thông tin input từ người dùng để thực hiện các hành động khác. Chắc chắn bạn sẽ sử dụng hàm này nhiều trong quá trình học. Vì vậy, hãy ghi nhớ các cách dùng và trường hợp sử Cảm ơn bạn đã đọc! Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây. Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm. TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦUKHOÁ HỌC BOOTCAMP JAVA/PHP/.NET TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG

ép kiểu trong javascript