Phương thức trim() trong JavaScript

• Trần Thị Vân
• 968
• 30/08/2025

Chức năng của Phương thức trim() trong JavaScript

Phương thức trim() trong JavaScript dùng để xóa các khoảng trắng do dấu cách hoặc dùng tab tạo ra, xóa các ký tự xuống dòng, để lại một khoảng trắng mặc định giữa các từ, giúp câu chữ dễ đọc hơn, hàm này sẽ làm thay đổi chuỗi gốc.

Cú pháp của Phương thức trim() trong JavaScript

chuoigoc.trim();

chuoigoc: Chuỗi gốc.

Code Phương thức trim() trong JavaScript

<script>
// trim() xóa khoảng trắng là dấu cách
document.write("<b>trim() xóa khoảng trắng là dấu cách</b><br>");
var chuoigoc = "   Web    Mới xin    chào quý khách!   ";
var chuoimoi  = chuoigoc.trim();
document.write(chuoimoi+"<br>");

// trim() xóa khoảng trắng dùng tab
document.write("<b>trim() xóa khoảng trắng dùng tab</b><br>");
var chuoigochai = "			Web			Mới xin			chào quý khách!			";
var chuoimoihai  = chuoigochai.trim();
document.write(chuoimoihai+"<br>");

// trim() xóa các ký tự xuống dòng n, r
document.write("<b>trim() xóa các ký tự xuống dòng n, r</b><br>");
var chuoigocba = "Webr Mới xin n chào quý r khách!	 n		";
var chuoimoiba  = chuoigocba.trim();
document.write(chuoimoiba+"<br>");
</script>

Kết quả:

trim() xóa khoảng trắng là dấu cách
Web Mới xin chào quý khách!
trim() xóa khoảng trắng dùng tab
Web Mới xin chào quý khách!
trim() xóa các ký tự xuống dòng ,
Web Mới xin chào quý khách!

Chạy Thử

Những trường hợp thường gặp khi sử dụng trim() trong JavaScript

trim() không chỉ hữu ích khi xử lý dữ liệu nhập từ người dùng mà còn giúp làm sạch chuỗi trước khi thực hiện so sánh, kiểm tra hoặc lưu trữ. Tuy nhiên, để sử dụng đúng, cần hiểu rõ phạm vi tác động của phương thức này.

trim() chỉ xóa khoảng trắng ở đầu và cuối chuỗi

trim() loại bỏ các ký tự khoảng trắng nằm ở đầu và cuối chuỗi. Phần nội dung thực tế ở giữa chuỗi được giữ nguyên, vì vậy phương thức này phù hợp khi cần làm sạch dữ liệu mà không muốn thay đổi cấu trúc bên trong.

const text = "   JavaScript   ";
const result = text.trim();

console.log(result); // "JavaScript"

Nếu chuỗi chỉ chứa khoảng trắng, kết quả sau khi gọi trim() sẽ là một chuỗi rỗng. Điều này đặc biệt hữu ích khi kiểm tra dữ liệu người dùng có thực sự được nhập hay không.

trim() không xóa khoảng trắng giữa các từ

trim() không loại bỏ khoảng trắng nằm giữa các ký tự. Chẳng hạn, chuỗi chứa nhiều khoảng trắng giữa họ và tên vẫn giữ nguyên phần khoảng cách này sau khi xử lý.

const name = "  Nguyen   Van An  ";

console.log(name.trim());
// "Nguyen   Van An"

Vì vậy, không nên dùng trim() nếu mục tiêu là chuẩn hóa toàn bộ khoảng trắng trong chuỗi. Khi cần xử lý khoảng trắng ở giữa, phải kết hợp thêm phương thức hoặc biểu thức phù hợp với yêu cầu dữ liệu.

trim() không làm thay đổi chuỗi ban đầu

Chuỗi trong JavaScript là kiểu dữ liệu bất biến. Khi gọi trim(), JavaScript tạo ra một chuỗi kết quả mới thay vì chỉnh sửa trực tiếp giá trị ban đầu.

const text = "   Hello JavaScript   ";
const result = text.trim();

console.log(text);   // "   Hello JavaScript   "
console.log(result); // "Hello JavaScript"

Nếu muốn tiếp tục sử dụng chuỗi đã được làm sạch, nên gán kết quả vào một biến hoặc cập nhật lại biến hiện có.

let username = "   admin   ";

username = username.trim();

console.log(username); // "admin"

Xử lý chuỗi nhập từ biểu mẫu bằng trim()

Một ứng dụng thực tế phổ biến của trim() là xử lý dữ liệu lấy từ biểu mẫu. Người dùng có thể vô tình nhập thêm khoảng trắng ở đầu hoặc cuối, khiến giá trị kiểm tra không đúng với dữ liệu mong muốn.

const username = input.value.trim();

if (username === "") {
    console.log("Vui lòng nhập tên người dùng");
}

Cách này giúp phân biệt trường hợp người dùng chỉ nhập khoảng trắng với trường hợp đã cung cấp dữ liệu thực tế. Tuy nhiên, trim() chỉ xử lý khoảng trắng ở hai đầu chuỗi; các quy tắc như giới hạn độ dài, định dạng email hoặc ký tự được phép vẫn cần được kiểm tra riêng.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức trim() trong JavaScript.