Przytnij spacje od początku i końca łańcucha

Próbuję znaleźć sposób na przycięcie spacji od początku i końca ciągu tytułu. Używałem tego, ale wygląda na to, że nie działa:

title = title.replace(/(^[\s]+|[\s]+$)/g, '');

Jakieś pomysły?

Uwaga: od 2015 roku wszystkie główne przeglądarki (w tym IE> = 9) obsługują metodę String.prototype.trim () . Oznacza to, że w większości przypadków po prostu robienie tego str.trim()jest najlepszym sposobem osiągnięcia tego, o co chodzi w pytaniu.

Steven Levithan przeanalizował wiele różnych implementacji języka trimJavaScript pod kątem wydajności.

Jego rekomendacja to:

function trim1 (str) {
    return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
}

dla „implementacji ogólnego przeznaczenia, która jest szybka w różnych przeglądarkach” oraz

function trim11 (str) {
    str = str.replace(/^\s+/, '');
    for (var i = str.length - 1; i >= 0; i--) {
        if (/\S/.test(str.charAt(i))) {
            str = str.substring(0, i + 1);
            break;
        }
    }
    return str;
}

„jeśli chcesz obsługiwać długie ciągi znaków wyjątkowo szybko we wszystkich przeglądarkach”.

Bibliografia

• blog.stevenlevithan.com - Szybsze przycinanie JavaScript

Jeśli użycie jQuery jest opcją:

/**
 * Trim the site input[type=text] fields globally by removing any whitespace from the
 * beginning and end of a string on input .blur()
 */
$('input[type=text]').blur(function(){
    $(this).val($.trim($(this).val()));
});

lub po prostu:

$.trim(string);

Jak wspomniał @ChaosPandion , String.prototype.trimmetoda została wprowadzona do specyfikacji ECMAScript 5th Edition , niektóre implementacje zawierają już tę metodę, więc najlepszym sposobem jest wykrycie natywnej implementacji i zadeklarowanie jej tylko wtedy, gdy nie jest dostępna:

if (typeof String.prototype.trim != 'function') { // detect native implementation
  String.prototype.trim = function () {
    return this.replace(/^\s+/, '').replace(/\s+$/, '');
  };
}

Następnie możesz po prostu:

title = title.trim();

Wiem, że to stary post, ale pomyślałem, że udostępnię nasze rozwiązanie. W poszukiwaniu najkrótszego kodu (czy nie wszyscy po prostu kochają zwięzłe wyrażenie regularne), można zamiast tego użyć:

title = title.replace(/(^\s+|\s+$)/g, '');

BTW: Przeprowadziłem ten sam test przez link udostępniony powyżej blog.stevenlevithan.com - Szybsze przycinanie JavaScript i ten wzorzec pokonał wszystkie inne RĘCE w dół!

Używając IE8, dodano test jako test13. Wyniki były następujące:

Długość oryginalna: 226002
Trym1: 110 ms (długość: 225994)
Trym2: 79 ms (długość: 225994)
Trym3: 172 ms (długość: 225994)
Trym4: 203 ms (długość: 225994)
Trym5: 172 ms (długość: 225994)
Trym6: 312 ms (Długość: 225994)
trim7: 203 ms (długość: 225994)
trim8: 47 ms (długość: 225994)
trim9: 453 ms (długość: 225994)
trim10: 15 ms (długość: 225994)
trim 11: 16 ms (długość: 225994) trim12:
31 ms (długość: 225994)
trim13: 0ms (długość: 226002)

ECMAScript 5 obsługuje trimi zostało to zaimplementowane w przeglądarce Firefox.

wykończenie - MDC

Tutaj powinno zrobić wszystko, czego potrzebujesz

function doSomething(input) {
    return input
              .replace(/^\s\s*/, '')     // Remove Preceding white space
              .replace(/\s\s*$/, '')     // Remove Trailing white space
              .replace(/([\s]+)/g, '-'); // Replace remaining white space with dashes
}

alert(doSomething("  something with  some       whitespace   "));

Oto kilka metod, których używałem w przeszłości do przycinania ciągów w js:

String.prototype.ltrim = function( chars ) {
    chars = chars || "\\s*";
    return this.replace( new RegExp("^[" + chars + "]+", "g"), "" );
}

String.prototype.rtrim = function( chars ) {
    chars = chars || "\\s*";
    return this.replace( new RegExp("[" + chars + "]+$", "g"), "" );
}
String.prototype.trim = function( chars ) {
    return this.rtrim(chars).ltrim(chars);
}

Oto mój aktualny kod, druga linia działa, jeśli skomentuję trzecią linię, ale nie działa, jeśli zostawię ją tak, jak jest.

var page_title = $(this).val().replace(/[^a-zA-Z0-9\s]/g, '');
page_title = page_title.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
page_title = page_title.replace(/([\s]+)/g, '-');

Po prostu użyj string.trim()metody. Jest obsługiwany przez wszystkie główne przeglądarki. Źródła tutaj: http://www.w3schools.com/jsref/jsref_trim_string.asp

jQuery.trim ("cześć, jak się masz?");

:)

Gdy DOM jest w pełni załadowany, możesz dodać to do wszystkich pól tekstowych. Nigdy nie miałem sytuacji, w której musiałem podać początkową lub końcową spację, więc robienie tego przez cały czas na całym świecie zadziałało dla mnie ...

$(function() { $('input[type=text]').on('blur', function(){
    $(this).val($.trim($(this).val()));
  });
});

To właśnie sugeruje JavaScript Architect / Guru Douglas Crockford.

String.method('trim', function (  ) {
    return this.replace(/^\s+|\s+$/g, '');
});

Uwaga: musisz zdefiniować „metodę” dla Function.prototype.

Alternatywnie

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

title.trim();    // returns trimmed title

Obserwacja

W najnowszych przeglądarkach metoda przycinania jest dołączona domyślnie. Nie musisz więc dodawać tego jawnie.

Główne przeglądarki Chrome, Firefox, Safari itp. Obsługują metodę przycinania . Sprawdzono w Chrome 55.0.2883.95 (64-bitowej), Firefox 51.0.1 (64-bitowej), Safari 10.0 (12602.1.50.0.10).

var word = " testWord ";   //add here word or space and test

var x = $.trim(word);

if(x.length > 0)
    alert('word');
else
    alert('spaces');

rekurencyjna próba tego

function t(k){ 
    if (k[0]==' ') {
        return t(k.substr(1,k.length));
    } else if (k[k.length-1]==' ') {
        return t(k.substr(0,k.length-1));
    } else {
        return k;
    }
}

zadzwoń tak:

t("      mehmet       "); //=>"mehmet"

jeśli chcesz filtrować specyficzne znaki, możesz w zasadzie zdefiniować ciąg listy:

function t(k){
    var l="\r\n\t "; //you can add more chars here.
    if (l.indexOf(k[0])>-1) {
        return t(k.substr(1,k.length));
    } else if (l.indexOf(k[k.length-1])>-1) {
        return t(k.substr(0,k.length-1));
    } else {
        return k;
    }
}