Xóa khoảng trắng khỏi chuỗi - Thủ thuật CSS

Anonim

Khoảng trắng, nghĩa là các tab và khoảng trắng.

Vanilla JavaScript (Cắt đầu và theo sau)

var str = " a b c d e f g "; var newStr = str.trim(); // "a b c d e f g"

Phương pháp đó là ES 5, vì vậy đề phòng trường hợp bạn có thể polyfill nó (IE 8 trở xuống):

if (!String.prototype.trim) ( String.prototype.trim = function () ( return this.replace(/^\s+|\s+$/g, ''); ); )

jQuery (Cắt bỏ hàng đầu và theo dõi)

Nếu bạn vẫn đang sử dụng jQuery:

var str = " a b c d e f g "; var newStr = $.trim(str); // "a b c d e f g"

Vanilla JavaScript RegEx (Trim Leading and Trailing)

var str = " a b c d e f g "; var newStr = str.replace(/(^\s+|\s+$)/g,''); // "a b c d e f g"

Vanilla JavaScript RegEx (Cắt bỏ TẤT CẢ khoảng trắng)

var str = " a b c d e f g "; var newStr = str.replace(/\s+/g, ''); // "abcdefg"

Bản trình diễn

Xem Bút xóa khoảng trắng khỏi chuỗi của Chris Coyier (@chriscoyier) trên CodePen.

Lưu ý rằng không có cách nào trong số này hoạt động với các loại khoảng trắng khác, chẳng hạn (khoảng trắng mỏng) hoặc (khoảng trắng không ngắt).

Bạn cũng có thể cắt dây từ phía trước hoặc phía sau.