Как удалить пробелы в строке с помощью JavaScript

В JavaScript есть простые методы для удаления пробельных символов в начале и конце строки. Функции trimStart(), trimEnd() и trim() помогут вам справиться с этой зада

Содержание

Примеры использования
Содержание
Возвращаемое значение
Пробельные символы
Символы разрыва строки
Многострочные конструкции
Словосочетания
Псевдонимы
trimStart и trimLeft
trimEnd и trimRight
Какой синтаксис лучше?
Применение
обрезка
TrimStart
Обрезать
Поддержка в браузерах
Альтернатива

Примеры использования

const string = " hi ";

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

Содержание

Возвращаемое значение
Пробельные символы
Символы разрыва строки
Многострочные конструкции
Словосочетания
Псевдонимы
Применение
Поддержка в браузерах
Альтернатива

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

Все методы trim возвращают новую строку, при этом исходная строка остается неизменной. Например:

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

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

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

обычный пробел,
знак табуляции,
неразрывный пробел,
символы разрыва строки.

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

Символы разрыва строки также относятся к пробельным символам и удаляются методами trim.

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

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

Метод trim работает и с многострочными конструкциями, такими как шаблонные литералы.

const multiLine = `
hi


`;

console.log(multiLine.trim()); // "hi"

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

Важно помнить, что trim() удаляет пробелы только в начале и в конце строки, но не между словами.

Псевдонимы

trimStart и trimLeft

Метод trimStart() удаляет пробелы в начале строки. Псевдонимом для этого метода является trimLeft().

const string = " hi ";

console.log(string.trimStart()); // "hi "
console.log(string.trimLeft()); // "hi "

trimEnd и trimRight

Метод trimEnd() удаляет пробелы в конце строки. Псевдонимом для него является trimRight().

const string = " hi ";

console.log(string.trimEnd()); // " hi"
console.log(string.trimRight()); // " hi"

Какой синтаксис лучше?

Согласно спецификации ECMAScript, методы trimStart и trimEnd являются предпочтительными. Они были введены для унификации с другими методами, такими как padStart и padEnd.

Применение

обрезка

Часто метод trim() используется для удаления лишних пробелов из значений полей ввода.

const inputValue = document.getElementById('search').value.trim();

TrimStart

Метод trimStart() полезен при работе с многострочными строками, например, в markdown-разметке, где нужно удалить пробелы только в начале строки.

Обрезать

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

Поддержка в браузерах

Методы trimStart и trimEnd поддерживаются последними версиями всех популярных браузеров, за исключением Internet Explorer.

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

Вместо методов trim можно использовать регулярные выражения для удаления пробелов.

const string = ' hi ';
console.log(string.replace(/\s/g, '')); // "hi"

Эти методы помогут вам эффективно управлять пробельными символами в строках и улучшить обработку текста в ваших проектах.