Hôm nay, chúng ta sẽ xem xét một số cách khác nhau để xóa khoảng trắng ở đầu hoặc cuối chuỗi bằng vanilla JavaScript
Nào cùng đào vào bên trong
Phương pháp String.trim[]
Bạn có thể gọi phương thức
// returns "Hello there! "
hello.trimStart[];
0 trên chuỗi của mình để xóa khoảng trắng ở đầu và cuối chuỗi. Nó trả về một chuỗi mớivar hello = ' Hello there! ';
// returns "Hello there!"
hello.trim[];
Phương pháp String.trim[]
hoạt động trong tất cả các trình duyệt hiện đại và quay lại IE9
Phương pháp // returns "Hello there! "
hello.trimStart[];
2
// returns "Hello there! "
hello.trimStart[];
Phương thức
// returns "Hello there! "
hello.trimStart[];
3 hoạt động giống như // returns "Hello there! "
hello.trimStart[];
0, nhưng chỉ loại bỏ khoảng trắng ở đầu chuỗi// returns "Hello there! "
hello.trimStart[];
Phương pháp
// returns "Hello there! "
hello.trimStart[];
2 hoạt động trong tất cả các trình duyệt hiện đại, nhưng không hỗ trợ IE. Bạn có thể đẩy hỗ trợ trở lại IE9 bằng một polyfillPhương pháp // returns "Hello there! "
hello.trimStart[];
0
// returns "Hello there! "
hello.trimStart[];
Phương thức
// returns "Hello there! "
hello.trimStart[];
1 hoạt động giống như // returns "Hello there! "
hello.trimStart[];
3, nhưng loại bỏ khoảng trắng ở cuối chuỗi thay vì ở đầu// returns " Hello there!"
hello.trimEnd[];
Phương pháp
// returns "Hello there! "
hello.trimStart[];
0 hoạt động trong tất cả các trình duyệt hiện đại, nhưng không hỗ trợ IE. Bạn có thể đẩy hỗ trợ trở lại IE9 bằng một polyfill Hướng dẫn JavaScript này giải thích cách sử dụng phương thức chuỗi được gọi là trim[] với cú pháp và ví dụ
Sự miêu tả
Trong JavaScript, trim[] là một phương thức chuỗi được sử dụng để xóa các ký tự khoảng trắng ở đầu và cuối chuỗi. Các ký tự khoảng trắng bao gồm dấu cách, tab, v.v. Vì phương thức trim[] là một phương thức của đối tượng String nên nó phải được gọi thông qua một thể hiện cụ thể của lớp String
cú pháp
Trong JavaScript, cú pháp của phương thức trim[] là
string.trim[];
Tham số hoặc Đối số
Không có tham số hoặc đối số nào cho phương thức trim[]
trả lại
Phương thức trim[] trả về một chuỗi đã xóa các ký tự khoảng trắng ở đầu và cuối chuỗi
Ghi chú
- Phương thức trim[] không thay đổi giá trị của chuỗi ban đầu
Ví dụ
Hãy cùng xem một ví dụ về cách sử dụng phương thức trim[] trong JavaScript
Ví dụ
var totn_string = ' TechOnTheNet ';
console.log[totn_string.trim[]];
Trong ví dụ này, chúng tôi đã khai báo một biến có tên totn_string được gán giá trị chuỗi là 'TechOnTheNet'. Sau đó, chúng tôi đã gọi phương thức trim[] của biến totn_string để xóa các ký tự khoảng trắng khỏi đầu và cuối chuỗi
Chúng tôi đã ghi đầu ra của phương thức trim[] vào nhật ký bảng điều khiển trình duyệt web, với mục đích trình diễn, để hiển thị những gì phương thức trim[] trả về
Phần sau đây sẽ được xuất ra nhật ký bảng điều khiển trình duyệt web
________số 8Trong ví dụ này, phương thức trim[] đã xóa các ký tự khoảng trắng ở đầu và cuối chuỗi ' TechOnTheNet ' và trả về giá trị chuỗi là 'TechOnTheNet'
Trong hướng dẫn hôm nay, chúng tôi sẽ chỉ cho bạn các giải pháp đơn giản để xóa dấu cách khỏi chuỗi và giải thích từng bước
Nếu bạn muốn xóa tất cả khoảng trắng trong chuỗi thì bạn có thể sử dụng phương thức
let str = '/var/www/site/New document. docx'; . nhật ký [str. thay thế [/\s+/g, '']]; . docx
Ở đây \s là biểu thức chính quy cho khoảng trắng và g là viết tắt của cờ toàn cầu, có nghĩa là khớp tất cả \s [khoảng trắng]. Mỗi chuỗi ký tự khoảng trắng liền kề được thay thế bằng chuỗi trống vì “+”
Bạn cũng có thể sử dụng phiên bản khác
let str = '/var/www/site/New document. docx'; . nhật ký [str. thay thế [/\s/g, '']]; . docx
Bạn có thể thêm nội dung giữa các dấu ngoặc đơn bất cứ điều gì bạn muốn thay thế khoảng trắng bằng bất kỳ chuỗi nào. Ví dụ: nếu bạn gõ '#', bạn sẽ nhận ra sự khác biệt
let str = 'Tài liệu mới'; . nhật ký [str. thay thế [/\s/g, '#']]; . nhật ký [str. thay thế [/\s+/g, '#']];
Tuy nhiên, /\s+/g nhanh hơn nhiều so với /\s/g
Các phương thức cũng có thể được sử dụng để xóa khoảng trắng khỏi chuỗi đã cho
hãy để str = " /var/www/site/Tài liệu mới. docx "; bảng điều khiển. nhật ký [str. tách ra[' ']. tham gia['']];
Bạn có thể sử dụng bất kỳ phương pháp nào trong hai phương pháp nhanh này, tuy nhiên, hãy tính đến các sự kiện sau
- Nếu bạn cần thay thế dấu cách '', hãy sử dụng phương pháp tách/nối
- Nếu có nhiều loại biểu tượng, hãy sử dụng thay thế [/\s+/g, '']
Phương thức replace[] thực hiện tìm kiếm một chuỗi khớp trong một chuỗi và thay thế chuỗi con đã khớp bằng một chuỗi con thay thế. Mẫu có thể là một chuỗi hoặc một biểu thức chính quy. Sự thay thế có thể là một chuỗi hoặc một hàm được gọi cho mỗi trận đấu. Nếu mẫu là một chuỗi, chỉ lần xuất hiện đầu tiên sẽ được thay thế
Phương thức split[] cắt một chuỗi thành một tập hợp các chuỗi con có thứ tự, đặt chúng vào một mảng và trả về nó. Việc phân chia đạt được bằng cách tìm kiếm một mẫu, được cung cấp làm tham số đầu tiên trong lệnh gọi của phương thức. Để đảo ngược sự phân tách, hãy gọi tham gia[]. sẽ tạo ra một chuỗi các mục cùng với keo dán giữa chúng