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

Question

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

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

818 24

javascript string trim

24 ответов:

Comments

Ничего не найдено.

Pradeep Kumar Mishra · Accepted Answer · 2017-12-07 18:59:32

Все браузеры начиная с IE9 + имеют trim().

Для тех браузеров, которые не поддерживают trim(), Вы можете использовать этот полифилл из 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 10:58:02

Обрезка изjQuery удобна, если вы уже используете эту структуру.
$.trim('  your string   ');
Я часто использую jQuery, поэтому обрезка строк с его помощью естественна для меня. Но возможно ли, что существует обратная реакция против jQuery? :)

scunliffe · Accepted Answer · 2013-09-03 14:29:35

Хотя выше есть куча правильных ответов, следует отметить, что объект String в JavaScript имеет собственный метод .trim() в качестве ECMAScript 5. Таким образом, в идеале любая попытка прототипировать метод обрезки должна действительно проверить, существует ли он уже в первую очередь.
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

Хром: 5+

Опера: 10.5+

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

Gumbo · Accepted Answer · 2009-01-31 17:20:35

Существует множество реализаций, которые можно использовать. Наиболее очевидным кажется что-то вроде этого:
String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, "");
};

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

Mark Davidson · Accepted Answer · 2009-01-31 17:15:16

Простая версия здесь Что такое общая функция для JavaScript trim?
function trim(str) {
        return str.replace(/^\s+|\s+$/g,"");
}

Vijin Paulraj · Accepted Answer · 2012-01-25 13:02:05

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

Tero · Accepted Answer · 2011-03-10 15:38:01

вопиющий задира имеет 11 различных обрезов с контрольной информацией:

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

Не удивительно, что регулярное выражение на основе медленнее, чем традиционный цикл.

Вот мой личный. Этот код старый! Я написал его для 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 11:08:57

Если вы используете jQuery, используйте функцию jQuery.trim(). Например:
if( jQuery.trim(StringVariable) == '')

Web_Designer · Accepted Answer · 2013-03-20 21: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 23:30:25

Теперь дни вы можете использовать строку.trim () , то есть собственная реализация Javascript
var orig = "   foo  ";
console.log(orig.trim());//foo
См. также

тримлефт()

тримрайт()

yckart · Accepted Answer · 2014-10-28 19: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, " ");
};

Бесстыдно украдено уМэтта дюрега .

rab · Accepted Answer · 2013-08-01 08:36:24

Trim code from angular js project

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-16 00:20:55

Вот очень простой способ:
function removeSpaces(string){
return string.split(' ').join('');
}

Behnam Mohammadi · Accepted Answer · 2017-03-13 08: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 19:59:59

Вы можете просто объявить переменную как строку и использовать ее функцию trim:
var str = new String('my string'); 
str= str.trim();

John Slegers · Accepted Answer · 2016-07-09 00:24:11

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

Вы используете его так:
var origStr = '   foo  ';
var newStr = origStr.trim(); // Value of newStr becomes 'foo'
В случае, если вам все еще может потребоваться поддержка древнего браузера, который не поддерживает эту функцию, это полифилл предложено МДН:
if (!String.prototype.trim) {
    String.prototype.trim = function () {
       return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
    };
}

Zesar · Accepted Answer · 2013-06-02 13:34:02

У меня есть lib, который использует trim. поэтому решил ее, используя следующий код.
String.prototype.trim = String.prototype.trim || function(){ return jQuery.trim(this); };

simhumileco · Accepted Answer · 2017-01-18 12: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 15: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 17:58:11

Вот он в машинописи:
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 09: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);

score 0 · Accepted Answer · 2016-06-19 19: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-03 01: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
}
Единственное проектное решение, которое вошло в это, было использование подстроки для выполнения окончательного захвата. с/\?: / / (сделайте средний захват термина) и и фрагмент замены становится:
    if(match && (match[1].length || match[3].length)){
        me= match[2]
    }
В этих имплах я сделал две ставки на производительность:

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

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

Codler · Accepted Answer · 2013-04-24 11:37:48

Для IE9+ и других браузеров
function trim(text) {
    return (text == null) ? '' : ''.trim.call(text);
}