Обрезать строку в JavaScript?

Question

Обрезать строку в JavaScript?

Как обрезать строку в JavaScript?

1242

javascript string trim

автор: ProgramFOX

24 ответов

автор: Pradeep Kumar Mishra · Accepted Answer · 2017-12-07 16:59:32

все браузеры с IE9+ имеют trim().

для тех браузеров, которые не поддерживают trim(), вы можете использовать этот polyfill от MDN:

if (!String.prototype.trim) {
    (function() {
        // Make sure we trim BOM and NBSP
        var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
        String.prototype.trim = function() {
            return this.replace(rtrim, '');
        };
    })();
}

это:

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

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

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

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

автор: barneytron · Accepted Answer · 2013-01-14 08:58:02

отделка из jQuery удобно, если вы уже используете эту структуру.

$.trim('  your string   ');

Я часто использую jQuery, поэтому обрезка строк с ним естественна для меня. Но возможно, что там есть ответная реакция против jQuery? :)

автор: scunliffe · Accepted Answer · 2013-09-03 11:29:35

хотя есть куча правильных ответов, следует отметить, что String объект в JavaScript имеет уроженца .trim() метод с ECMAScript 5. Таким образом, в идеале любая попытка прототипа метода trim должна действительно проверить, существует ли он уже в первую очередь.

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

добавлена изначально в: В JavaScript 1.8.1 / В ECMAScript 5

доступно на:

Firefox:3.5+

сафари: 5+

Internet Explorer:IE9+ (только в стандартном режиме!) http://blogs.msdn.com/b/ie/archive/2010/06/25/enhanced-scripting-in-ie9-ecmascript-5-support-and-more.aspx

Chrome:5+

Опера: 10.5+

Таблица Поддержки ECMAScript 5:http://kangax.github.com/es5-compat-table/

автор: Gumbo · Accepted Answer · 2009-01-31 15:20:35

здесь много реализаций Это можно использовать. Наиболее очевидным кажется, что-то вроде этого:

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

" foo bar ".trim();  // "foo bar"

автор: Mark Davidson · Accepted Answer · 2009-01-31 15:15:16

простая версия здесь Что такое общая функция для JavaScript trim?

function trim(str) {
        return str.replace(/^\s+|\s+$/g,"");
}

автор: Vijin Paulraj · Accepted Answer · 2012-01-25 11:02:05

Я знаю, что этот вопрос был задан три года назад.Теперь,String.trim() был добавлен изначально в JavaScript.Например, вы можете обрезать непосредственно следующим образом:

document.getElementById("id").value.trim();

автор: Tero · Accepted Answer · 2011-03-10 13:38:01

Грубое Badassery имеет 11 различных отделки с контрольной информацией:

http://blog.stevenlevithan.com/archives/faster-trim-javascript

Не удивительно, что regexp-based медленнее, чем традиционный цикл.

вот мой личный. Этот код старый! Я написал его для JavaScript1.1 и Netscape 3, и с тех пор он был немного обновлен. (Исходная используемая строка.charAt)

/**
 *  Trim string. Actually trims all control characters.
 *  Ignores fancy Unicode spaces. Forces to string.
 */
function trim(str) {
    str = str.toString();
    var begin = 0;
    var end = str.length - 1;
    while (begin <= end && str.charCodeAt(begin) < 33) { ++begin; }
    while (end > begin && str.charCodeAt(end) < 33) { --end; }
    return str.substr(begin, end - begin + 1);
}

автор: Able Alias · Accepted Answer · 2018-04-11 08:08:57

Если вы используете jQuery, используйте

20

автор: Able Alias

автор: Web_Designer · Accepted Answer · 2013-03-20 19:29:38

используйте собственные методы JavaScript:String.trimLeft(), String.trimRight() и String.trim().

String.trim() поддерживает IE9+ и все другие основные браузеры:

'  Hello  '.trim()  //-> 'Hello'

String.trimLeft() и String.trimRight() нестандартны, но поддерживаются в все основные браузеры кроме IE

'  Hello  '.trimLeft()   //-> 'Hello  '
'  Hello  '.trimRight()  //-> '  Hello'

Поддержка IE легко с polyfill однако:

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

автор: Emilio Gort · Accepted Answer · 2015-03-04 21:30:25

теперь дни вы можете использовать строку.trim () это родная реализация Javascript

var orig = "   foo  ";
console.log(orig.trim());//foo

см. также

автор: yckart · Accepted Answer · 2014-10-28 17:09:12

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

String.prototype.trimLeft = String.prototype.trimLeft || function () {
    return this.replace(/^\s+/, "");
};

String.prototype.trimRight = String.prototype.trimRight || function () {
    return this.replace(/\s+$/, "");
};

String.prototype.trimFull = String.prototype.trimFull || function () {
    return this.replace(/(?:(?:^|\n)\s+|\s+(?:$|\n))/g, "").replace(/\s+/g, " ");
};

бесстыдно украден из Мэтт duereg.

автор: rab · Accepted Answer · 2013-08-01 05:36:24

отделка кода угловой js проект

var trim = (function() {

  // if a reference is a `String`.
  function isString(value){
       return typeof value == 'string';
  } 

  // native trim is way faster: http://jsperf.com/angular-trim-test
  // but IE doesn't have it... :-(
  // TODO: we should move this into IE/ES5 polyfill

  if (!String.prototype.trim) {
    return function(value) {
      return isString(value) ? 
         value.replace(/^\s*/, '').replace(/\s*$/, '') : value;
    };
  }

  return function(value) {
    return isString(value) ? value.trim() : value;
  };

})();

и назовите это как trim(" hello ")

автор: HenryDev · Accepted Answer · 2015-10-15 21:20:55

вот очень простой способ:

function removeSpaces(string){
return string.split(' ').join('');
}

автор: Behnam Mohammadi · Accepted Answer · 2017-03-13 06:36:51

использовать просто код

var str = "       Hello World!        ";
alert(str.trim());

поддержка браузеров

Feature         Chrome  Firefox Internet Explorer   Opera   Safari  Edge
Basic support   (Yes)   3.5     9                   10.5    5       ?

для старого браузера добавить прототипа

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

автор: Anahit Serobyan · Accepted Answer · 2013-11-06 17:59:59

вы можете просто объявить переменную как строку и использовать ее функции TRIM:

var str = new String('my string'); 
str= str.trim();

автор: John Slegers · Accepted Answer · 2016-07-08 21:24:11

сегодня почти каждый браузер поддерживает String.prototype.trim().

вы используете его так :

var origStr = '   foo  ';
var newStr = origStr.trim(); // Value of newStr becomes 'foo'

в случае, если вам все еще может потребоваться поддержка древнего браузера, который не поддерживает эту функцию, это полифилла предложено MDN:

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

автор: Zesar · Accepted Answer · 2013-06-02 10:34:02

У меня есть lib, который использует trim. поэтому решил его, используя следующий код.

String.prototype.trim = String.prototype.trim || function(){ return jQuery.trim(this); };

автор: simhumileco · Accepted Answer · 2017-01-18 10:33:40

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

от предыдущих ответов он отличается добавлением флага m.

флаг m будет искать текст нескольких линейных. В этом режиме отметьте начало и конец узора (^ $) вставляется до и после символа новой строки (\n).

автор: plavozont · Accepted Answer · 2012-06-25 12:34:14

не знаю, какие ошибки могут скрываться здесь, но я использую это:

var some_string_with_extra_spaces="   goes here    "
console.log(some_string_with_extra_spaces.match(/\S.*\S|\S/)[0])

или это, если текст содержит входит:

console.log(some_string_with_extra_spaces.match(/\S[\s\S]*\S|\S/)[0])

еще одну попытку:

console.log(some_string_with_extra_spaces.match(/^\s*(.*?)\s*$/)[1])

автор: Joseph Lennox · Accepted Answer · 2013-07-14 14:58:11

вот он в TypeScript:

var trim: (input: string) => string = String.prototype.trim
    ? ((input: string) : string => {
        return (input || "").trim();
    })
    : ((input: string) : string => {
        return (input || "").replace(/^\s+|\s+$/g,"");
    })

он вернется к регулярному выражению, если собственный прототип недоступен.

автор: AnaMaria · Accepted Answer · 2013-07-23 06:42:06

Я написал эту функцию для trim, когда .функция trim () была недоступна в JS еще в 2008 году. Некоторые старые браузеры еще не поддерживают .отделка() функция и я надеюсь, что эта функция может помочь кому-то.

TRIM ФУНКЦИЯ

function trim(str)
{
    var startpatt = /^\s/;
    var endpatt = /\s$/;

    while(str.search(startpatt) == 0)
        str = str.substring(1, str.length);

    while(str.search(endpatt) == str.length-1)
        str = str.substring(0, str.length-1);   

    return str;
}

объяснение: функция trim () принимает объект string и удаляет начальные и конечные пробелы (пробелы,вкладки и новые строки) и возвращает обрезанную строку. Эту функцию можно использовать для обрезки входных данных формы, чтобы обеспечить отправку допустимых данных.

функция может быть вызвана следующим образом в качестве примера.

form.elements[i].value = trim(form.elements[i].value);

автор: · Accepted Answer · 2016-06-19 16:02:55

вы можете сделать это с помощью простого JavaScript:

function trimString(str, maxLen) {
if (str.length <= maxLen) {
return str;
}
var trimmed = str.substr(0, maxLen);
return trimmed.substr(0, trimmed.lastIndexOf(' ')) + '…';
}

// Let's test it

sentenceOne = "too short";
sentencetwo = "more than the max length";

console.log(trimString(sentenceOne, 15));
console.log(trimString(sentencetwo, 15));

вот еще несколько примеров для обрезать строку с помощью JavaScript.

автор: rektide · Accepted Answer · 2012-02-02 23:40:27

mine использует одно регулярное выражение для поиска случаев, когда требуется обрезка, и использует результаты этого регулярного выражения для определения желаемых границ подстроки:

var illmatch= /^(\s*)(?:.*?)(\s*)$/
function strip(me){
    var match= illmatch.exec(me)
    if(match && (match[1].length || match[2].length)){
        me= me.substring(match[1].length, p.length-match[2].length)
    }
    return me
}

одно проектное решение, которое вошло в это, использовало подстроку для выполнения окончательного захвата. s/\?: / / (сделайте среднесрочный захват) и и фрагмент замены становится:

    if(match && (match[1].length || match[3].length)){
        me= match[2]
    }

есть две ставки я сделал в эти impls:

не подстроки реализация копировать данные исходной строки? если это так, то в первом случае, когда строка должна быть обрезана, есть двойной обход, первый в регулярном выражении (который, надеюсь, будет частичным) и второй в извлечении подстроки. надеюсь, реализация подстроки ссылается только на исходную строку, поэтому такие операции, как подстрока, могут быть почти бесплатными. пальцы крестом
насколько хорош захват в регулярном выражении impl? среднесрочная перспектива, значение выхода, смогла потенциально очень долго. я не был готов к банку, что захват всех регулярных выражений не будет препятствовать захвату ввода в пару сотен КБ, но я также не тестировал (слишком много времени выполнения, извините!). второй всегда запускает захват; если ваш двигатель может сделать это без попадания, возможно, используя некоторые из вышеупомянутых методов струнной веревки, обязательно используйте его!

автор: Codler · Accepted Answer · 2013-04-24 08:37:48

для IE9+ и других браузеров

function trim(text) {
    return (text == null) ? '' : ''.trim.call(text);
}