JavaScript Trim:Hướng dẫn từng bước

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

Bạn có thể muốn xóa các khoảng trắng, chẳng hạn như dấu cách, tab hoặc dòng mới, từ đầu hoặc cuối chuỗi. Ví dụ:giả sử bạn có một chuỗi tên khách hàng. Bạn có thể muốn đảm bảo rằng không có khoảng trắng thừa ở cuối mỗi tên.

Đó là nơi mà JavaScript trim () có trong hàm. trim () hàm xóa các ký tự khoảng trắng khỏi đầu và cuối chuỗi.

Có một số hàm liên quan đến trim () mà bạn có thể muốn sử dụng:

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

Trong hướng dẫn này, chúng ta sẽ khám phá hàm trim () trong JavaScript và cách nó hoạt động. Chúng tôi cũng sẽ xem xét bốn hàm liên quan mà bạn có thể muốn sử dụng thay thế hoặc bổ sung cho trim ().

Chuỗi JavaScript trim ()

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

Đây là cú pháp cho phương thức trim ():

var ourString = "Test    ":

ourString.trim();

Mã này xóa tất cả các khoảng trắng từ đầu và cuối chuỗi của chúng ta. Chỉ có khoảng trắng ở cuối chuỗi của chúng tôi vì vậy đây là những ký tự duy nhất bị xóa. trim () trả về một chuỗi mới. Điều này là do các chuỗi JavaScript là bất biến nên không thể thay đổi được.

81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia chương trình đào tạo. Kết hợp với bootcamp ngay hôm nay.

Sinh viên tốt nghiệp bootcamp trung bình dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.

Bạn thường gặp một 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. Các ký tự khoảng trắng bao gồm dấu cách, tab và ký tự dòng mới.

Cắt dây có thể hữu ích trong nhiều trường hợp.

Ví dụ:giả sử bạn có một chuỗi văn bản được định dạng trước bao gồm khoảng trắng. Bạn có thể cần xóa những khoảng trắng đó để mã của bạn hoạt động như dự định. Để tìm hiểu thêm về định dạng chuỗi, hãy xem hướng dẫn của chúng tôi về nội suy chuỗi JavaScript.

trim ()

Dưới đây là một ví dụ về hàm trim () trong JavaScript đang hoạt động:

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

Giá trị được gán cho biến JavaScript “studentName” của chúng tôi bao gồm một số khoảng trắng ở cuối. Bằng cách sử dụng hàm cắt, chúng tôi có thể xóa những khoảng trắng đó.

Phương thức trim () trả về một chuỗi mới cho bảng điều khiển JavaScript:

“Benjamin”

Phương thức trim () loại bỏ các ký tự khoảng trắng ở cuối chuỗi của chúng ta. trim () không thay đổi chuỗi ban đầu của chúng tôi. Nếu chúng tôi muốn lưu trữ chuỗi của mình ở dạng đã được cắt bớt, chúng tôi sẽ cần tạo một biến mới để lưu trữ chuỗi của chúng tôi:

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

Mã của chúng tôi trả về: Benjamin . Giờ đây, tên sinh viên đã được cắt bớt của chúng tôi được lưu trữ trong biến trimmedStudentName . Chúng ta có thể tham chiếu đến chuỗi trong suốt chương trình của mình bằng cách sử dụng biến này.

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

Điều quan trọng cần lưu ý là hàm trim () xóa khoảng trắng khỏi cả phần đầu và phần cuối của một chuỗi.

Nếu bạn chỉ muốn xóa khoảng trắng từ đầu hoặc cuối chuỗi, bạn không nên sử dụng hàm trim (). Có những chức năng tùy chỉnh bạn có thể sử dụng cho mục đích này.

Giả sử bạn muốn xóa các ký tự khoảng trắng khỏi đầu chuỗi. Bạn có thể thực hiện việc này bằng cách sử dụng trimStart () hoặc trimLeft (). Nếu bạn muốn xóa các ký tự khoảng trắng khỏi cuối chuỗi, bạn có thể sử dụng trimEnd () hoặc trimRight ().

JavaScript trimStart () và trimLeft ()

Giả sử chúng ta muốn xóa các ký tự khoảng trắng khỏi đầu chuỗi. Chúng tôi có một tên và chúng tôi muốn xóa một số ký tự khoảng trắng khỏi tên đó. Dưới đây là một ví dụ về trimStart () và trimLeft () đang hoạt động để giúp chúng tôi hoàn thành nhiệm vụ này:

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

Mã của chúng tôi trả về:

"     Benjamin"
"     Benjamin"

Lưu ý rằng mã của chúng tôi chỉ xóa các khoảng trắng từ đầu chuỗi của chúng tôi vì chúng tôi đã sử dụng các phương thức trimStart () và trimLeft ().

JavaScript trimEnd () và trimRight ()

Tương tự, giả sử chúng tôi muốn xóa khoảng trắng khỏi cuối chuỗi của chúng tôi. Chúng tôi có thể sử dụng phương thức trimEnd () hoặc trimRight () để thực hiện việc này:

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

Mã của chúng tôi trả về:

"     Benjamin"
"     Benjamin"

Chúng tôi đã xóa thành công các khoảng trắng khỏi cuối chuỗi của chúng tôi. Tuy nhiên, khoảng trắng ở đầu chuỗi vẫn còn.

Kết luận

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

Bạn có thể xóa khoảng trắng khỏi các đầu cụ thể của chuỗi bằng cách sử dụng trimStart () , các phương thức trimLeft (), trimEnd () và trimRight ().

Bạn có muốn tìm hiểu thêm về JavaScript? Đọc hướng dẫn Cách học JavaScript của chúng tôi. Bạn sẽ tìm thấy các mẹo của chuyên gia để học JavaScript cũng như hướng dẫn về các khóa học hàng đầu và tài nguyên học tập trực tuyến.