Обріжте пробіли від початку та до кінця рядка

Я намагаюся знайти спосіб обрізати пробіли від початку та до кінця заголовкового рядка. Я використовував це, але, здається, це не працює:

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

Будь-які ідеї?

Примітка: Станом на 2015 рік, всі основні браузери (включаючи IE> = 9) підтримують String.prototype.trim () . Це означає, що для більшості випадків використання просто str.trim()найкращий спосіб досягти того, що задається питанням.

Стівен Левітан проаналізував багато різних можливостей використання trimJavascript з точки зору продуктивності.

Його рекомендація:

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

"реалізація загального призначення, яка є швидким крос-браузером", і

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;
}

"якщо ви хочете надзвичайно швидко обробляти довгі рядки у всіх браузерах".

Список літератури

• blog.stevenlevithan.com - Швидше обробка JavaScript

Якщо використання jQuery - це варіант:

/**
 * 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()));
});

або просто:

$.trim(string);

Як згадувалося @ChaosPandion , String.prototype.trimметод був введений у специфікацію 5-го видання ECMAScript , деякі реалізації вже включають цей метод, тому найкращим способом є виявлення нативного втілення та оголошення його лише у тому випадку, якщо воно недоступне:

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

Тоді ви можете просто:

title = title.trim();

Я знаю, що це стара публікація, але я просто подумав, що поділюсь нашим рішенням. У пошуках найкоротшого коду (не всі просто люблять короткий вираз), замість цього можна використовувати:

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

BTW: Я пройшов цей самий тест через посилання, яке ділилося вище blog.stevenlevithan.com - Швидше обробка JavaScript і ця картина перемогла всі інші руки!

Використовуючи IE8, додали тест як тест13. Результати:

Оригінальна довжина: 226002
обробка1: 110ms (довжина: 225994)
trim2: 79ms (довжина: 225994)
trim3: 172ms (довжина: 225994)
trim4: 203ms (довжина: 225994)
trim5: 172ms (length: 225994)
trim6: 312ms (length: 225994)
trim7: 203ms (довжина: 225994)
trim8: 47ms (довжина: 225994)
trim9: 453ms (довжина: 225994)
trim10: 15ms (довжина: 225994)
trim11: 16ms (довжина: 225994)
trim12: 31ms (довжина: 225994)
обробка13: 0 мс (довжина: 226002)

ECMAScript 5 підтримує, trimі це було реалізовано в Firefox.

обробка - МДК

Тут слід зробити все, що вам потрібно

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   "));

Ось кілька методів, які я раніше використовував для обрізки рядків у 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);
}

Ось мій поточний код, 2-й рядок працює, якщо я коментую 3-й рядок, але не працюю, якщо я залишу його як є.

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, '-');

Просто використовуйте string.trim()метод. Його підтримують усі основні браузери. Посилання тут: http://www.w3schools.com/jsref/jsref_trim_string.asp

jQuery.trim ("привіт, як справи?");

:)

Коли DOM повністю завантажений, ви можете додати це до всіх текстових полів. У мене ніколи не було ситуації, коли мені потрібно було подати провідний чи кінцевий простір, тому все це в усьому світі працювало на мене ...

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

Це те, що пропонує архітектор JavaScript / Гуру Дуглас Крокфорд.

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

Примітка. Ви повинні визначити "метод" для Function.prototype.

Як варіант

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

title.trim();    // returns trimmed title

Спостереження

В останніх браузерах метод обрізки включений за замовчуванням. Тому не потрібно додавати це явно.

Основні браузери Chrome, Firefox, Safari тощо підтримують метод обрізки . Перевірено в Chrome 55.0.2883.95 (64-розрядні), Firefox 51.0.1 (64-розрядні), 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');

рекурсивна спроба цього

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;
    }
}

дзвоніть так:

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

якщо ви хочете відфільтрувати специфічні символи, ви можете в основному визначити рядок списку:

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;
    }
}