Learn JavaScript

trim() - метод для удаления пробелов по краям строки в JavaScript

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

Это удобно, когда строка пришла из поля ввода, формы, API или файла и у неё нужно убрать лишние отступы по краям.

Синтаксис

str.trim()

Метод вызывается у строки и возвращает новую строку.

Как работает trim()

const text = "  hello  ";
const result = text.trim();

console.log(result); // "hello"

Пробелы внутри строки trim() не трогает.

console.log("  hello world  ".trim()); // "hello world"

Исходная строка не меняется

Строки в JavaScript неизменяемы, поэтому trim() не редактирует исходное значение, а возвращает новое.

const text = "  JavaScript  ";
const cleaned = text.trim();

console.log(text);    // "  JavaScript  "
console.log(cleaned); // "JavaScript"

Что именно удаляет trim()

trim() убирает пробельные символы по краям строки:

  • обычные пробелы
  • табы
  • переводы строки
const text = "\n\t hello \t\n";

console.log(text.trim()); // "hello"

Когда это полезно

trim() часто используют, когда:

  • нужно очистить текст из input
  • надо проверить, что строка не пустая
  • хочется сравнить строку без случайных пробелов по краям

Пример:

const name = "   Anna   ";

if (name.trim() !== "") {
  console.log("Имя введено");
}

trim(), trimStart() и trimEnd()

trim() убирает пробелы с двух сторон строки.

console.log("  hello  ".trim()); // "hello"

Если нужно убрать пробелы только с одной стороны, используют:

  • trimStart() - только в начале строки
  • trimEnd() - только в конце строки
console.log("  hello  ".trimStart()); // "hello  "
console.log("  hello  ".trimEnd());   // "  hello"

Частые ошибки

Ожидать, что trim() меняет строку на месте

Так не сработает:

let text = "  hello  ";

text.trim();
console.log(text); // "  hello  "

Нужно сохранить результат:

let text = "  hello  ";

text = text.trim();
console.log(text); // "hello"

Думать, что trim() убирает пробелы в середине строки

console.log("  hello   world  ".trim()); // "hello   world"

Пробелы между словами останутся.

Быстрая памятка

  • trim() убирает пробелы по краям строки
  • пробелы внутри строки не удаляются
  • метод возвращает новую строку
  • исходная строка не меняется
  • для одной стороны есть trimStart() и trimEnd()

Коротко

trim() - это метод строки в JavaScript, который убирает пробельные символы в начале и в конце строки. Чаще всего его используют для очистки пользовательского ввода и проверки строк перед обработкой.