Ghi chú. API này không được dùng trong jQuery 3. 5; . Không giống như ________ 21, ________ 20 không hoạt động với các loại khác với chuỗi [________ 23, ________ 24,
➜ es git:[master] ✗ node app Millie Bobby Brown! Millie Bobby Brown! ➜ es git:[master] ✗5]. Đảm bảo rằng mã của bạn tương thích khi di chuyển
Hàm
➜ es git:[master] ✗ node app Millie Bobby Brown! Millie Bobby Brown! ➜ es git:[master] ✗6 xóa tất cả các dòng mới, khoảng trắng [bao gồm cả khoảng trắng không ngắt] và các tab khỏi đầu và cuối của chuỗi được cung cấp. Nếu các ký tự khoảng trắng này xuất hiện ở giữa chuỗi, chúng sẽ được giữ nguyên Cắt chuỗi trong lập trình là thao tác chung và lặp đi lặp lại mà bạn cần thực hiện thường xuyên và Javascript cũng không khác. Javascript cung cấp tổng cộng bốn phương thức để cắt chuỗi. Hãy xem từng cái một chi tiết hơn
cắt Javascript
Để cắt một chuỗi trong JavaScript, hãy sử dụng Chuỗi. phương thức trim[] . trim[] là một phương thức JavaScript tích hợp giúp xóa khoảng trắng khỏi cả hai phía của Chuỗi. Khoảng trắng, trong ngữ cảnh này, là tất cả các ký tự khoảng trắng, bao gồm dấu cách, tab, dấu cách không ngắt và tất cả các ký tự kết thúc dòng, bao gồm LF, CR, v.v.
Việc trim[] không ảnh hưởng đến giá trị của chính Chuỗi. Điều này là do hàm trim[] không nhận bất kỳ đối số nào. Trong nhiều năm, JavaScript đã có Chuỗi. nguyên mẫu. trim[], một chức năng tích hợp để loại bỏ cả khoảng trắng đầu và cuối.
cú pháp
str.trim[]
Trim[] không ảnh hưởng đến giá trị của Chuỗi
Thông số
Hàm trim[] không nhận bất kỳ tham số nào
Giá trị trả về
Nó trả về Chuỗi với khoảng trắng bị xóa ở cả hai đầu
Các bước cắt dây
- Xác định nơi bạn cần cắt Chuỗi [Bắt đầu hoặc Kết thúc]
- Sử dụng hàm trim[] tùy theo vị trí cắt
- Nếu bạn muốn cắt Chuỗi từ đầu và cuối, hãy sử dụng phương thức trim[] chứ không phải một hàm cụ thể
JavaScript trimBắt đầu
JavaScript trimStart[] là một phương thức tích hợp được sử dụng để xóa các ký tự khoảng trắng khỏi đầu chuỗi. Các ký tự Khoảng trắng bao gồm khoảng trắng, tab, v.v. Bởi vì phương thức trimStart[] là một phương thức của đối tượng String,
Chuỗi Javascript trimStart[] hoặc trimLeft[] không ảnh hưởng đến chính giá trị Chuỗi
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];
Xem đầu ra
➜ es git:[master] ✗ node app Millie Bobby Brown! Millie Bobby Brown! ➜ es git:[master] ✗
JavaScript trimEnd
JavaScript trimEnd[] là một phương thức tích hợp trả về một chuỗi mới với khoảng trắng đã bị xóa khỏi đầu Chuỗi gốc. Chuỗi Javascript trimEnd[] hoặc trimRight[] không ảnh hưởng đến chính giá trị Chuỗi.
// app.js let app = 'Millie Bobby Brown! '; console.log[app]; console.log[app.trimEnd[]];
Xem đầu ra
➜ es git:[master] ✗ node app Millie Bobby Brown! Millie Bobby Brown! ➜ es git:[master] ✗
JavaScript trimLeft
trimLeft[] là bí danh của phương thức trimStart[]. Chúng ta hãy lấy đoạn mã sau để hiểu phương thức trimLeft[].
// server.js let string = " AppDividend"; console.debug[string.trimLeft[]];
Xem đầu ra
Ở đây, chúng tôi đã đưa ra các khoảng trắng từ đầu Chuỗi. Điều này có nghĩa là có một khoảng trống ở phía bên trái của Chuỗi. Bây giờ ở đầu ra, khoảng trắng sẽ bị xóa. Do đó, chúng ta có thể nâng cao hàm trimLeft[] bằng cách chỉ định các ký tự cần xóa. Phiên bản cải tiến được hiển thị bên dưới
String.prototype.trimLeft = function[charlist] {
if [charlist === undefined]
charlist = "\s";
return this.replace[new RegExp["^[" + charlist + "]+"], ""];
};JavaScript trimRight
Hàm trimRight[] là bí danh của hàm trimEnd[] trong JavaScript. Nếu phía bên phải của Chuỗi có bất kỳ khoảng trắng nào, nó sẽ xóa khoảng trắng đó. Hàm trimRight[] nâng cao cũng chấp nhận tham số duy nhất đại diện cho các ký tự cần được cắt bớt.
Hàm trimRight[] mới được hiển thị bên dưới
String.prototype.trimRight = function[charlist] {
if [charlist === undefined]
charlist = "\s";
return this.replace[new RegExp["[" + charlist + "]+$"], ""];
};
Chức năng khá giống với cái trước. Sự khác biệt chính là mẫu biểu thức chính quy. Thay vì sử dụng ký tự ^ để biểu thị phần đầu của Chuỗi, chúng tôi sử dụng ký tự $, biểu thị phần cuối của Chuỗi
Xem mã ví dụ sau của phương thức trimRight[] trong Chuỗi
Xem đầu ra
Cắt khoảng trắng trong Javascript
Để cắt khoảng trắng trong JavaScript, hãy sử dụng phương thức trim[]. Phương thức trim[] loại bỏ khoảng trắng ở cả hai đầu của chuỗi. Khoảng trắng, trong ngữ cảnh này, là tất cả các ký tự khoảng trắng [dấu cách, tab, dấu cách không ngắt, v.v. ] và tất cả các ký tự kết thúc dòng
Phương thức Javascript trim[] cắt ở đầu và cuối Chuỗi. Hàm trim[] rất hữu ích để loại bỏ các khoảng trắng thừa do người dùng nhập
Thông thường, người dùng thậm chí không biết rằng họ đã nhập thêm dấu cách. Thực tế này cũng có thể dẫn đến sự cố đăng nhập, ví dụ: nếu người dùng tự đăng ký với khoảng trắng ở cuối
String.prototype.trim = function[charlist] {
return this.trimLeft[charlist].trimRight[charlist];
};
Xem ví dụ sau về phương thức String trim[] trong Javascript
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];0
Ở đầu ra, không gian từ cả hai bên được cắt bớt
Phần cắt từ jQuery thuận tiện nếu bạn đang sử dụng thư viện đó
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];1
For browsers that do not support the String.trim[], e.g., Internet Explorer 8 or earlier, you can add your own trim[] method to string object’s prototype by including the following script in the section of your page, or if you are old node version, then you need to add that script file at the start of your project before any script that uses string.trim[]:
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];2
Điểm mấu chốt của hàm trên là đối tượng RegExp và ký tự đặc biệt ^. RegExp tạo đối tượng biểu thức chính quy khớp văn bản với mẫu đã cho
Trong biểu thức chính quy, ký tự ^ biểu thị phần đầu của chuỗi. Xin lưu ý rằng danh sách ký tự đầu vào phân biệt chữ hoa chữ thường
Cắt bỏ bốn ký tự cuối cùng
Sử dụng phương thức string trim[] để cắt bốn ký tự cuối cùng. Hàm cắt xén loại bỏ khoảng trắng ở đầu và cuối chuỗi
Cắt xén chuỗi là một nhiệm vụ phổ biến mà các lập trình viên xử lý
Xem đoạn mã sau để xóa bốn ký tự cuối cùng
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];3
Xem đầu ra sau
Hàm Javascript substr[] có thể được gọi trên bất kỳ chuỗi nào có hai tham số nguyên, tùy chọn thứ hai. Nếu chỉ có một số được cung cấp, nó sẽ bắt đầu từ số nguyên đó và di chuyển đến đầu Chuỗi, cắt bỏ phần đầu.
Nếu hai tham số được gửi, nó sẽ bắt đầu ở số đầu tiên và kết thúc ở số thứ hai, cắt bỏ phần đầu và phần cuối nếu có thể
Cắt bớt ký tự trong Javascript
JavaScript cung cấp ba phương thức để thực hiện các kiểu cắt xén ký tự khác nhau
- Đầu tiên, trimLeft[], loại bỏ các ký tự từ đầu Chuỗi
- Thứ hai, trimRight[], loại bỏ các ký tự từ cuối Chuỗi
- Hàm cuối cùng, trim[], loại bỏ các ký tự ở cả hai đầu
Xem ví dụ mã sau
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];4
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];5
Xem đầu ra sau
Chúng tôi đã sử dụng phương thức String replace[] trong đoạn mã trên. Chúng tôi đã thay thế phần đầu và phần cuối của Chuỗi. ký tự có ký tự null hoặc trống và ở đầu ra cuối cùng, có vẻ như ký tự đó đã bị cắt bớt
Hãy nhớ rằng, trong đoạn mã trên và chúng ta có ký tự từ đầu và cuối, không phải ở giữa, ký tự được nhắm mục tiêu ở giữa vẫn giữ nguyên. Vì vậy, bạn có thể thấy rằng trong đầu ra của mã chương trình trên
Bạn cũng có thể tạo một chức năng đặc biệt cho chức năng đó như sau
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];6
Trong đoạn mã trên, chúng ta đã sử dụng hàm String charAt[] và substring[] có sẵn
Cắt ký tự đầu tiên và cuối cùng
Để xóa ký tự đầu tiên và ký tự cuối cùng khỏi một chuỗi, chúng ta cần chỉ định hai đối số trong phương thức slice[] của Javascript String, start Index và end Index
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];7
đầu ra
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];8
Ở đầu ra, bạn có thể thấy rằng cả hai dấu gạch chéo về phía trước ở start Index và end Index đều được cắt bớt. Chỉ số âm -1 tương đương với str. length-1 trong phương thức slice[].
Các tính năng mới được thêm vào trong ECMAScript 10 [ES2019]
ES10 đã thêm Chuỗi. nguyên mẫu. trimStart[] và String. nguyên mẫu. trimEnd[] để chỉ xóa khoảng trắng ở đầu hoặc cuối tương ứng. Các hàm trimStart[] và trimEnd[] chỉ khả dụng trong ES2019, nghĩa là chúng hoạt động với các trình duyệt hiện đại nhưng không hoạt động với các phiên bản cũ hơn.
Phiên bản đơn giản hóa của khả năng tương thích trình duyệt ECMAScript 10 cho phép bạn sử dụng các chức năng này trong bất kỳ trình duyệt nào ngoại trừ Internet Explorer
Toán tử trải rộng ES6
Đây là một cách tiếp cận mà tôi chọn trên hàm regex bằng cách sử dụng toán tử trải rộng ES6. Xem ví dụ mã sau
// app.js let app = ' Millie Bobby Brown! '; console.log[app]; console.log[app.trimStart[]];9
trimByChar[] chấp nhận hai tham số trong hàm trên. một chuỗi và một ký tự
Chúng tôi đã sử dụng hàm findIndex[], reverse[] và substring[] trong đoạn mã trên
Việc triển khai này là phù hợp vì “cây” quyết định trong công cụ regex lớn hơn. Đoạn code trên chúng ta chưa sử dụng regexp, đôi khi không sử dụng regexp nên kết quả rất nhanh
Phần kết luận
Phương thức trim[] loại bỏ khoảng trắng ở cả hai phía của Chuỗi. Nó trả về một Chuỗi mới và không sửa đổi Chuỗi cũ
Hàm trimLeft[] hoặc trimStart[] loại bỏ các khoảng trắng ở đầu Chuỗi đã cho
Hàm trimRight[] hoặc trimEnd[] xóa khoảng trắng ở cuối Chuỗi đã cho
Hàm javascript trim[] rất hữu ích để xóa các khoảng trắng thừa do người dùng nhập
Thông thường, người dùng thậm chí không biết rằng họ đã nhập thêm dấu cách. Mục nhập này cũng có thể dẫn đến sự cố đăng nhập, ví dụ: nếu người dùng tự đăng ký với khoảng trắng ở cuối
Tuy nhiên, đây không phải là trường hợp sử dụng duy nhất để cắt tỉa. Bằng cách sử dụng các phiên bản nâng cao của các chức năng cắt được trình bày trong bài viết này, bạn cũng sẽ có thể giải quyết nhiều vấn đề hơn so với những vấn đề gốc có thể giải quyết
Đó là nó cho hướng dẫn này
Bài viết đề xuất
Chuỗi Javascript ToLocaleUpperCase[]
Chuỗi Javascript toLocaleLowerCase[]
Giá trị chuỗi JavascriptOf[]
Chuỗi Javascript lastIndexOf[]
Chuỗi Javascript charCodeAt[]
Bài viết trước Cách thiết lập Node Express và MongoDB trong Docker
Bài viết tiếp theo Mảng JavaScript chứa. Cách sử dụng hàm bao hàm mảng[]
kranal
https. //appdividend. com/
Krunal Lathiya là Kỹ sư phần mềm với hơn tám năm kinh nghiệm. Anh ấy đã phát triển một nền tảng vững chắc về các nguyên tắc khoa học máy tính và niềm đam mê giải quyết vấn đề. Ngoài ra, Krunal có kiến thức tuyệt vời về Khoa học dữ liệu và Học máy, đồng thời là chuyên gia về Ngôn ngữ Python. Krunal có kinh nghiệm với nhiều ngôn ngữ lập trình và công nghệ khác nhau, bao gồm PHP, R, Golang và JavaScript. Anh ấy cảm thấy thoải mái khi làm việc trong lĩnh vực phát triển front-end và back-end