ép kiểu trong javascript

Giới thiệu về Công ty chúng tôi: Ý nghĩa quà tặng doanh nghiệp: Túi nhựa PVC trở thành trào lưu hot năm 2022 : Công ty TNHH Truyền Thông Tân Thành Dương là một trong những nhà sản xuất chuyên nghiệp lớn nhất túi PVC/EVA và áo mưa ở Việt Nam, cũngxem thêm Từ trước tới nay, dù trong ngành nghề kinh doanh hay không, quà Ép dữ liệu sang kiểu INT 2. Kiểu dữ liệu boolean Ép dữ liệu sang kiểu boolean. Kiểm tra một biến kiểu boolean 3. Kiểu số thực Ép dữ liệu sang kiểu số thức. Kiểm tra một biến kiểu số thực. 4. Kiểu chuỗi Kiểm tra một biến kiểu string 5. Kiểu mảng (array) Khởi tạo và truy xuất các hàm tử trong mảng Mảng Có Chỉ Mục Mảng Kết Hợp Mảng một chiều Giới thiệu về kiểu hàm trong TypeScript. Kiểu hàm (function type) trong TypeScript có hai phần: tham số và kiểu trả về. Khi khai báo một kiểu hàm, bạn cần chỉ định cả hai phần bằng cú pháp sau: Giới thiệu về tham số mặc định của function trong TypeScript. JavaScript hỗ trợ Giá: 158,000VNĐ - Mua tại shop Bán Cả Thế Giới2451 trên Sendo.vn Lược ép tóc - lược ép tóc - 0727_luoc_dien_nova_889011ab Bạn cần bật Javascript để sử dụng trang web Sendo.vn Nhựa dẻo PVC: Xu hướng thời trang "trong suốt" quay trở lại mạnh mẽ trong mùa hè 2022; Túi nhựa PVC trở thành trào lưu hot năm 2022; Ưu điểm và ứng dụng của màng nhựa PVC trong mềm; Túi nhựa PVC; Ứng dụng nhựa PVC SQLite sử dụng một hệ thống kiểu động. Trong SQLite, kiểu dữ liệu là một giá trị được liên kết với chính giá trị đó, không liên kết với Container. Lớp lưu trữ trong SQLite. Mỗi giá trị được lưu giữ trong một SQLite Database có một trong các lớp lưu trữ (Storage Class) sau: ringrasorla1970. 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 Ép kiểu tường minh Trong những bài toán khác nhau với những trường hợp hợp khác nhau. Ta sẽ muốn đưa chúng về kiểu dữ liệu mà ta cần để giải quyết vấ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. Một số lưu ý khi ép kiểu. Thực ra nó có ở bài trước rồi các bạn không nhớ cũng có thể xem lại nhé. Dùng Type of để kiểm tra kiểu dữ liệu Kết quả trả về là tên của đối tượng kiểu dữ liệu mà biến đang thuộc về. Đối với các giá trị thông thường như chuỗi, số thì dễ hiểu đó là String và Number. Nhưng đối với các kiểu đặc biệt thì bạn cần chú ý như sau NaN là Number Array, Object là Object Ngày tháng Date là Object Null là Object Biến chưa gán dữ liệu là undefined. Biến chưa được khai báo cũng là undefined. Dùng constructor để kiểm tra kiểu dữ liệu mỗi đối tượng trong Js sẽ có một thuộc tính constructor, nó là tên hàm khởi tạo nên bạn có thể tận dụng để kiểm tra kiểu dữ liệu của biến trước khi ép kiểu Js. 2. Ép kiểu chuỗi thành số Phương thức toàn cục Numbercó thể chuyển đổi chuỗi thành số. Các chuỗi chứa số như “ chuyển đổi thành số như Chuỗi trống sẽ chuyển đổi thành 0. Bất kỳ thứ gì khác chuyển đổi sẽ thành NaN – không phải số. Ví dụ Number" // returns Number" " // returns 0 Number"" // returns 0 Number"99 88" // returns NaN Hoặc có thể sử dụng hai hàm parseInt => Chuyển sang kiểu integer. parseFloat => Chuyển sang kiểu float có dấu phẩy động. Dùng toán tử + đặt trước chuỗi String cũng giúp ta chuyển từ String sang Number. let y = "5"; let x = + y; y + "" + typeof x; Nếu biến không thể được chuyển đổi, nó vẫn sẽ trở thành một số, nhưng với giá trị NaN Not a Number let y = "Thành"; let x = + y; y + "" + typeof x; 3. Ép kiểu số thành chuỗi Phương thức toàn cục String có thể chuyển đổi số thành chuỗi. Nó có thể được sử dụng trên bất kỳ loại số, ký tự, biến hoặc biểu thức nào. Ví dụ let x = 123; = Stringx + "" + String123 + "" + String100 + 23; Phương pháp Số toStringcũng làm như vậy. let x = 123; = + "" + 123.toString + "" + 100 + 23.toString; 4. Ép kiểu ngày thành số Phương thức toàn cục Number có thể được sử dụng để chuyển đổi ngày tháng sang số. Tương tự thì phương pháp ngày tháng getTime cũng làm như vậy. d = new Date; Numberd // returns 1404568027739 d = new Date; // returns 1404568027739 5. Ép kiểu ngày thành chuỗi Phương thức toàn cục Stringcó thể chuyển đổi ngày tháng thành chuỗi. Tương tự thì phương thức Date toString cũng làm như vậy. StringDate; // return "Sat Jul 25 2020 090553 GMT+0700 Giờ Đông Dương" Date.toString; // returns "Sat Jul 25 2020 090702 GMT+0700 Giờ Đông Dương" 6. Ép kiểu boolean thành số hoặc chuỗi Phương thức toàn cục Numbercũng có thể chuyển đổi boolean thành số. Numberfalse // returns 0 Numbertrue // returns 1 Phương thức toàn cục Stringcó thể chuyển đổi boolean thành chuỗi. Phương thức Boolean toStringcũng làm như vậy. // returns "false" // returns "true" 7. Ép sang kiểu Boolean Ta có 2 cách ép kiểu như sau sử dụng hàm Boolean. const number = 100; Booleannumber; // true sử dụng hai lần toán tử phủ định ! . const number = 100; !!number; // true 8. Tự động ép kiểu dữ liệu Khi Js cố gắng hoạt động trên loại dữ liệu “wrong”, nó sẽ cố gắng chuyển đổi giá trị thành loại “right”. Tức là ta có thể hiểu nôm na cho đơn giản khi Js cố gắng hoạt động trên kiểu dữ liệu “sai”, nó sẽ cố gắng chuyển đổi giá trị sang kiểu “đúng”. = 5 + null + "" + "5" + null + "" + "5" + 2 + "" + "5" - 2 + "" + "5" * "2" + "" + "5" / "2" + "" Js tự động gọi hàm toString của biến khi hiển thị một đối tượng hoặc một biến. Numbers và booleans cũng được chuyển, nhưng điều này là không được nhìn thấy. 9. Bảng ép kiểu dữ liệu trong JavaScript Dưới đây là bảng chuyển đổi giữa các kiểu dữ liệu với nhau. Bạn hãy tham khảo để biết từng trường hợp xảy ra khi sử dụng nhé. Giá trị Ép sang Number – Số Ép sang String – Chuỗi Ép sang Boolean False 0 “False” False True 1 “True” True 0 0 “0” False 1 1 “1” True “0” 0 “0” True “000” 0 “000” True “1” 1 “1” True NaN NaN “NaN” False Infinity Infinity “Infinity” True -Infinity -Infinity “-Infinity” True “” 0 “” False “20” 20 “20” True “twenty” NaN “twenty” True [] 0 “” True [20] 20 “20” True [10,20] NaN “10,20” True [“twenty”] NaN “twenty” True [“ten”,”twent”] NaN “ten,twenty” True function{} NaN “function” True {} NaN “[object,object]” True null 0 “null” False undefied NaN “undefied” False Giá trị trong dấu ngoặc kép cho biết giá trị chuỗi. Giá trị màu đỏ cho biết giá trị một số người lập trình có thể không mong đợi. Thông thường, các toán tử và các hàm sẽ tự động chuyển đổi kiểu của giá trị về đúng. Ví dụ như 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. String Conversion 1. String Khi chúng ta cần chuyển đổi kiểu của một value sang string chúng ta có thể sử dụng String var x = 15; var y = Stringx; alerttypeofy; // string //Hoặc khi ta có 1 mảng var a = [1, 2, 3]; var b = Stringa; alertb; // 1,2,3 alerttypeofb; // string //Tuy nhiên khi ta áp dụng với Object var obj = {1 'a', 2 'b'}; var objToString = Stringobj; alertobjToString; // [object Object] 2. toString Ngoài việc sử dụng String thì chúng ta có vẻ quen thuộc hơn với toString, nó cũng sẽ ép kiểu các giá trị về string var x = 15; var y = alerttypeofy; // string //Hoặc khi ta có 1 mảng var a = [1, 2, 3]; var b = alertb; // 1,2,3 alerttypeofb; // string //Và áp dụng với Object cũng chưa ra được kq mong muốn var obj = {1 'a', 2 'b'}; var objToString = alertobjToString; // [object Object] 3. Sử dụng toán tử cộng "+" Khi sử dụng toán tử, chúng ta đặc biệt phải lưu ý đến toán tử + khi toán hạng có kiểu string. Khi chúng ta sử dụng toán tử + mà một trong các toán hạng có kiểu là string thì Javascript sẽ cố gắng ép kiểu của toán hạng còn lại về kiểu string. Hãy cùng xem ví dụ dưới đây // Trong trường hợp có 2 toán hạng, 1 trong 2 toán hạng có kiểu là "string" // thì JS sẽ ép kiểu của toán hạng còn lại về "string" alert"1" + 1; // "11" alert1 + "1"; // "11" // Trong trường hợp có nhiều hơn 2 toán hạng và 1 trong các toán hạng có kiểu là "string" // thì tùy vào vị trí của toán hạng kiểu "string" mà ta có các kq khác nhau. alert1 + 2 + "string" + 3 + 4; // "3string34" alert1 + "string" + 2 + 3 + 4; // "1string234" alert1 + 2 + 3 + 4 + "string"; // "10string" // Chúng ta sẽ chuyển đổi kiểu như thế nào? var x = 15; var y = "" + 15; alerty; // "15" Numeric Conversion 1. Number Khi chúng ta muốn chuyển đổi từ một giá trị khác sang giá trị kiểu number, chúng ta có thể sử dụng Number var x = "123"; var y = Numberx; alerty; // 123 // Hoặc với các giá trị true/false var a = Numbertrue; alerta; // 1 // còn Numberfalse, Number'', Number[] hoặc Numbernull sẽ trả về 0 // Khi chúng ta truyền vào Number một string không phải chứa toàn là số // thì sẽ trả về NaN Not a Number var string = "string"; var toNumber = Numberstring; alerttoNumber; // NaN // Ngoài ra khi truyền vào Object, undefined //hoặc array có length > 2 hoặc có 1 giá trị nhưng không phải number hoặc string là số thì cũng trả về NaN 2. parseInt/parseFloat parseInt sẽ chuyển đổi kiểu của một string về kiểu number nhưng ở dạng interger số nguyên parseInt sẽ trả về các số nằm đầu tiên trong giá trị string đó, nếu chuỗi đó không thể chuyển thành number thì nó sẽ trả về NaN. Cùng xét ví dụ sau var a = parseInttrue; // NaN var b = parseInt" // 10 var c = parseInt" // 10 var d = parseInt"34 45 66"; // 34 var e = parseInt" 60 "; // 60 var f = parseInt"40 years"; // 40 var g = parseInt"He was 40"; // NaN parseFloat sẽ chuyển đổi kiểu của một string về kiểu number nhưng ở dạng float số thực parseFloat cũng gần giống như parseInt. Cùng xét ví dụ sau var a = parseInttrue; // NaN var a = parseFloat"10"; // 10 var b = parseFloat" // 10 var c = parseFloat" // var d = parseFloat"34 45 66"; // 34 var e = parseFloat" 60 "; // 60 var f = parseFloat"40 years"; // 40 var g = parseFloat"He was 40"; // NaN 3. Sử dụng toán tử "+" Tại sao vừa rồi ở trên chúng ta nói đến việc sử dụng + để chuyển kiểu về string mà dưới đây chúng ta lại dùng nó để chuyển kiểu về number. Chúng ta cùng xem ví dụ dưới đây var x = "15"; var y = +x; alerty; // 15 alerttypeofy; // number Khi chúng ta thêm + và trước giá trị thì nó sẽ chuyển đổi về kiểu number không giống như khi chúng ta sử dụng + trong một phép toán. Và nó cũng trả về các kết quả giống như sử dụng Number trong các trường hợp cụ thể var a = +false; // 0 === +"", +[], +null var b = +true; // 1 var c = +"123"; // 123 var d = +"abc"; // NaN var e = +[1]; // 1 === +["1"] var f = +["a"]; // NaN var g = +{}; // NaN Ngoài ra, khi chúng ta tính toán sử dụng các toán tử -, *, /, %, ** thì Javascript cũng sẽ cố gắng chuyển đổi kiểu các toàn hạng về number. Boolean Conversion 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"; ifx { alerttrue; } else { alertfalse; } //KQ true Ở đoạn code trên, chúng ta có thể thấy Javascript đã tự động ngầm ép kiểu của x trong if về Boolean để chạy câu lệnh if. Tuy nhiên, nhiều trường hợp chúng ta muốn lấy giá trị kiểu Boolean của nó để có thể strict equal hoặc cần hàm trả về true hoặc false thì chúng ta sẽ sử dụng Boolean var x = Boolean1; alertx; // true Các giá trị khi ép kiểu sang Boolean trả về false 0, '', false, null, undefined, NaN. Các giá trị này cũng được gọi là các falsy value trong Javascript. Ngoài các giá trị ở trên thì các giá trị còn lại đều trả về true. Object Conversion Như chúng ta đã tìm hiểu ở trên thì khi chuyển đổi kiểu từ object sang các kiểu khác như string [object Object] number NaN boolean true Vậy chúng ta phải làm thế nào để chuyển đổi kiểu từ object sang các kiểu dữ liệu nguyên thủy theo cách mà chúng ta mong muốn nhất. Khi chúng ta ép kiểu một object về string hoặc number thì Javascript sẽ cố gắng tìm và gọi 3 object methods như sau Gọi obj[ - với key tượng trưng là nếu method này tồn tại. Dựa vào hint , nếu là string thì nó sẽ cố gọi đến method trước và sau nếu không tồn tại. Nếu hint là number thì nó sẽ cố gọi đến trước và sau. Hãy cùng xét ví dụ var obj = { name 'John Doe', age 53, [ { return hint == "string" ? `${ } } alertStringobj; // "John Doe" alertNumberobj; // 53 sẽ cho phép chúng ta quy định giá trị trả về thông qua hint. toString/valueOf Methods toString và valueOf là 2 method cũ, nếu không tìm thấy thì Javascript sẽ cố gắng gọi đến chúng theo thứ tự toString rồi đến valueOf nếu hint là string valueOf rồi đên toString nếu hint khác string Theo mặc định, đối với một object đơn giản toString method trả về một string "[object Object]". valueOf method trả về chính object đó. var user = {name "John"}; alertuser; // [object Object] alert === user; // true Vậy chúng ta muốn giá trị trả về là giá trị mà chúng ta mong muốn giống như sử dụng thì chúng ta sẽ cần sử dụng kết hợp toString và valueOf như sau var obj = { name 'John Doe', age 53, toString { return }, valueOf { return } } Lời kết Vậy là chúng ta đã tìm hiểu qua về các cách thay đổi kiểu dữ liệu trong Javascript. Vì kiến thức là vô tận nên trong bài không thể tránh khỏi những thiếu sót cũng như nhầm lẫn, mong mọi người thông cảm là nếu góp ý bên dưới để mình có thể đưa ra nhưng bài viết có chất lượng hơn. Xin cảm ơn mọi người đã đọc bài viết. References Đị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 1. Tại sao phải sử xử lý chuỗi? Các chuỗi mà ta phải xử lý không hề đơn giản một chút nào. Nó có thể đơn giản cũng có thể phức tạp mà ta cần phải sử lý cẩn thận nếu không muốn gặp vấn đề gì. Bài trước thì mình đã nói về chuỗi và các bạn cũng đã hiểu được phần nào về chuỗi và cấu tạo của nó rồi. Và bài này mình sẽ nói sâu thêm về chuỗi cũng như là để các bạn nắm được việc xử lý chuỗi. Một chuỗi sẽ có phương thức và thuộc tính, với việt truy cập vào các phương thức và thuộc tính của chuỗi, ta có thể đảm bảo những công việc như đếm số lượng ký tự chuỗi, chuyển toàn bộ ký tự chuỗi về dạng chữ in hoa, in thường, trích xuất chuỗi con bên trong chuỗi,… Tuy nhiên, để sử dụng được các phương thức và thuộc tính này thì trước hết bạn cần phải hiểu rõ khái niệm chỉ số của ký tự trong chuỗi và hãy xem lại ở bài trước nhé. Các giá trị nguyên thủy primitive values như “Thành Nguyễn” , không thể có thuộc tính hay phương thức vì nó không phải là đối tượng. Nhưng với JavaScript, các phương thức và thuộc tính cũng có sẵn cho các giá trị nguyên thủy, vì JavaScript xử lý các giá trị nguyên thủy như các đối tượng khi thực thi các phương thức và thuộc tính. Để đếm số lượng ký tự của một chuỗi, ta truy cập vào thuộc tính length của chuỗi đó. Ví dụ var text = "Tai lieu hoc JavaScript"; var a = //Biến a sẽ có giá trị là 23 var b = "JavaScript".length; //Biến b sẽ có giá trị là 10 3. Cách nối chuỗi trong JavaScript Để nối chuỗi string trong JS thì chúng ta sử dụng dấu + để gép hai chuỗi hoặc biến kiểu String Object lại với nhau. Ví dụ ta sẽ ghép 2 chuỗi lại với nhau rồi bán vào một biến bất kỳ var LT = "chào mừng bạn" + "đến với // hoặc một cách khác var LT1 = "chào mừng bạn"; var LT2 = "đến với // Nối hai chuỗi var LT = LT1 + LT2; 4. Xử lý chuỗi trên nhiều dòng trong JavaScript Khi bạn muốn Enter xuống hàng một chuỗi trong Javascript thì bắt buộc phải sử dụng dấu + để nối chuỗi, nếu không sẽ bị lỗi cú pháp. Ví dụ dùng dấu + để nối chuỗi // Đúng var LT = "Chào mừng bạn đến với" + " // Sai var LT = "Chào mừng bạn đến với Nếu bạn muốn viết gọn hơn thì sử dụng dấu \ để báo cho trình duyệt biết là có xuống hàng. Ví dụ dùng ký tự \ để khai báo chuỗi trên nhiều dòng var LT = "Chào mừng bạn đến với \ // hoặc cũng có thể sử dụng dấu '' 5. Ép chuỗi trong JavaScript Nếu bạn muốn ép một giá trị nào đó sang kiểu chuỗi thì có thể sử dụng cú pháp Ví dụ // Trước khi chuyển đổi var number = 12; alerttypeof number; // Sau khi chuyển đổi number = alerttypeof number; Từ khóa typeof var sẽ trả về kiểu dữ liệu của biến vars. Ngoài cách trên thì ta có thể sử dụng đối tượng chuỗi để tạo hoặc ép chuỗi nhưng ta sẽ học ở phần đối tượng sau. 6. Cắt chuỗi trong JavaScript Để cắt một chuỗi trong Js ta có thể sử dụng một trong 3 hàm sau slicestart, end substringstart, end substrstart, length Chú ý Mình muốn lưu ý luôn với các bạn rằng trước khi cắt chuỗi thì tất cả các vị trí chuỗi đều bắt đầu từ 0 nên đừng nhầm lẫn nhé! Hàm Slice Hàm slice có 2 tham số truyền vào start vị trí bắt đầu end vị trí kết thúc Ví dụ var string = "Welcome to cần lấy là " + 23; Nếu tham số truyền vào là số âm thì nó sẽ tính ngược lại, nghĩa là nó sẽ đếm từ cuối lên. Ví dụ var string = "Welcome to cần lấy là " + 23; Nếu ta chỉ truyền vào tham số đầu tiên thì Js sẽ tự hiểu rằng vị trí end sẽ là vị trí cuối cùng của chuỗi mà ta lấy Ví dụ var string = "Welcome to cần lấy là " + Hàm substring Hàm substring cũng tương tự như hàm silce chỉ khác rằng tham số truyền vào hàm này luôn phải lớn hơn 0 Ví dụ var string = "Welcome to cần lấy là " + 23; Hàm substr Hàm substr có hai tham số là start và length, trong đó start là vị trí bắt đầu và length là số ký tự muốn lấy bắt đầu từ vị trí start . Nếu bạn truyền tham số start là số âm thì nó sẽ tính từ cuối trở lên, còn tham số length phải luôn luôn là số dương. Ví dụ var string = "Welcome to cần lấy là " + 12; 7. Chuyển đổi chuỗi sang chữ hoa và chữ thường trong JavaScript Ta có thể chuyển đổi chuỗi thành chữ hoa với toUpperCase Ví dụ let text1 = "Hello World!"; let text2 = Và một chuỗi được chuyển thành chữ thường với toLowerCase Ví dụ let text1 = "Hello World!"; // chuỗi let text2 = // text2 được chuyển đổi text1 thành chữ thường 8. Phương thức concat trong JavaScript Phương thức concat là phương thức mà ta dùng để kết hợp 2 hay nhiều chuỗi lại với nhau. Ví dụ var text1 = "Lập Trình"; var text2 = "Từ Đầu!"; var text3 = ", text2; Phương thức concat có thể được sử dụng thay thế cho toán tử cộng. Hai dòng dưới đây có chức năng tương đương var text = "Lập Trình" + " " + "Từ Đầu!"; var text = "Lập Trình".concat" ", "Từ !"; Chú ý Tất cả các phương thức của chuỗi đều trả về một chuỗi mới mà không làm ảnh hưởng đến chuỗi ban đầu.

ép kiểu trong javascript