JavaScript trim(): Hướng dẫn từng bước xóa khoảng trắng

Phương thức JavaScript trim() xóa ký tự khoảng trắng (white space) từ đầu và cuối chuỗi. Phương thức trimLeft() và trimStart() xóa khoảng trắng từ đầu chuỗi. trimRight() và trimEnd() xóa khoảng trắng từ cuối chuỗi.

Bạn có thể muốn xóa khoảng trắng (space, tab, newline) từ đầu hoặc cuối chuỗi. Ví dụ: có chuỗi tên khách hàng. Muốn đảm bảo không có space thừa ở cuối mỗi tên.

Đó là lúc hàm JavaScript trim() xuất hiện. Hàm trim() xóa ký tự khoảng trắng từ đầu và cuối chuỗi.

Có vài hàm liên quan trim() bạn có thể muốn dùng:

• trimLeft()
• trimStart()
• trimRight()
• trimEnd()

Trong tutorial này, ta sẽ khám phá hàm JavaScript trim() và cách hoạt động. Cũng xem bốn hàm liên quan có thể dùng thay thế hoặc bổ sung trim().

JavaScript trim() String

Phương thức JavaScript trim() xóa bất kỳ khoảng trắng nào từ đầu và cuối chuỗi. trim() tạo chuỗi mới. trim() không chấp nhận đối số. Phương thức thêm vào cuối chuỗi.

Cú pháp trim():

var ourString = "Test ";
ourString.trim();

Code xóa tất cả khoảng trắng từ đầu và cuối chuỗi. Chỉ có khoảng trắng ở cuối nên chỉ xóa những ký tự đó. trim() trả về chuỗi mới. Vì chuỗi JavaScript bất biến (immutable) nên không thể thay đổi.

Thường gặp chuỗi bắt đầu hoặc kết thúc bằng ký tự khoảng trắng không cần thiết. Ký tự khoảng trắng bao gồm space, tab, newline.

Cắt xén chuỗi (trimming) hữu ích nhiều tình huống.

Ví dụ: có chuỗi văn bản định dạng sẵn bao gồm space. Có thể cần xóa space đó để code chạy như ý định. Để học thêm định dạng chuỗi, xem hướng dẫn JavaScript string interpolation.

Ví dụ trim() JavaScript

Ví dụ trim() hoạt động:

var studentName = "Benjamin ";
console.log(studentName.trim());

Giá trị gán cho biến "studentName" bao gồm nhiều space ở cuối. Dùng trim function xóa những space đó.

trim() trả về chuỗi mới ra console:

"Benjamin"

trim() xóa khoảng trắng ở cuối chuỗi. trim() không thay đổi chuỗi gốc. Nếu muốn lưu chuỗi đã cắt, cần tạo biến mới lưu chuỗi:

var studentName = "Benjamin ";
var trimmedStudentName = studentName.trim();
console.log(trimmedStudentName);

Code trả về: Benjamin. Tên sinh viên đã cắt lưu trong biến trimmedStudentName. Có thể tham chiếu chuỗi suốt chương trình bằng biến này.

Các phương thức bổ sung của JavaScript trim()

Lưu ý: trim() xóa space từ cả đầu và cuối chuỗi.

Nếu chỉ muốn xóa space từ đầu hoặc cuối chuỗi, không nên dùng trim(). Có hàm tùy chỉnh cho mục đích này.

Muốn xóa khoảng trắng từ đầu chuỗi: dùng trimStart() hoặc trimLeft(). Muốn xóa từ cuối chuỗi: dùng trimEnd() hoặc trimRight().

JavaScript trimStart() và trimLeft()

Giả sử muốn xóa khoảng trắng từ đầu chuỗi. Có tên và muốn xóa khoảng trắng từ tên đó. Ví dụ trimStart() và trimLeft() hoạt động:

var studentName = " Benjamin ";
console.log(studentName.trimStart());
console.log(studentName.trimLeft());

Code trả về:

" Benjamin"
" Benjamin"

Chú ý code chỉ xóa space từ đầu chuỗi vì dùng trimStart() và trimLeft().

JavaScript trimEnd() và trimRight()

Tương tự, muốn xóa khoảng trắng từ cuối chuỗi. Dùng trimEnd() hoặc trimRight():

var studentName = " Benjamin ";
console.log(studentName.trimEnd());
console.log(studentName.trimRight());

Code trả về:

"Benjamin "
"Benjamin "

Đã xóa thành công khoảng trắng từ cuối chuỗi. Nhưng khoảng trắng đầu chuỗi vẫn còn.

Kết luận

Hàm JavaScript trim() xóa khoảng trắng từ đầu và cuối chuỗi. trim() thêm vào cuối chuỗi. Phương thức không chấp nhận đối số.

Có thể xóa khoảng trắng từ đầu hoặc cuối cụ thể dùng trimStart(), trimLeft(), trimEnd(), và trimRight().

Quan tâm học thêm JavaScript? Đọc hướng dẫn How to Learn JavaScript. Sẽ tìm thấy mẹo chuyên gia học JavaScript cũng như hướng dẫn khóa học và tài nguyên online top.