Как убрать пробелы в строке, используя функцию trim()

Устранение пробелов в начале или конце строки в JavaScript выполняется просто и быстро. Для обрезки пробелов с начала строки используйте функцию trimStart(), с конца строки — trimEnd(). Чтобы удалить пробелы и с начала, и с конца одновременно, примените trim().

const string = " hi "; string.trimStart(); // Результат: "hi " 
string.trimEnd(); // Результат: " hi" 
string.trim(); // Результат: "hi"

Возвращаемое значение

Методы, такие как trim(), trimStart(), и trimEnd() в JavaScript возвращают новую строку, не изменяя исходную. Например:

const string = " hi ";
string.trimStart(); // "hi "
string.trimEnd(); // " hi"
string.trim(); // "hi"
console.log(string); // " hi "

Пробельные символы

Эти методы удаляют различные типы пробельных символов, включая:

  • Пробел
  • Знак табуляции
  • Неразрывный пробел
  • Символы разрыва строки

Символы разрыва строки

Примеры работы метода trim() с символами разрыва строки:

'hi \n'.trim(); // "hi"
'hi \t'.trim(); // "hi"
'hi \r'.trim(); // "hi"

Многострочные конструкции

В многострочных шаблонных литералах trim() также эффективно удаляет лишние пробелы:

 

const multiLine = `
hi

`;

multiLine.trim(); // "hi"

Словосочетания

Trim() не влияет на пробелы между словами:

 

const multiLine = `
hi

there

`;

multiLine.trim();
/*
вернет:
"hi

there"
*/

Псевдонимы

trimStart() и trimEnd() также известны как trimLeft() и trimRight() соответственно, но использование trimStart() и trimEnd() предпочтительнее для современного кода.

Применение

trim() часто используется для очистки полей ввода:

<input type="text" id="search">
<script>
const inputValue = document.getElementById('search').value.trim();
</script>

Браузеры

Все современные браузеры поддерживают эти методы, за исключением Internet Explorer.

Альтернатива

Можно использовать регулярное выражение для удаления всех пробелов:

const string = ' hi ';
string.replace(/ /g, ''); // "hi"

Оцените статью