LearnJS

trim() в JavaScript

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

let name = '  Анна  ';

console.log(name.trim());

Результат:

Анна

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

Что делает trim()

trim() возвращает новую строку без лишних пробельных символов по краям.

let email = '  admin@mail.com  ';
let cleanEmail = email.trim();

console.log(cleanEmail);

Результат:

admin@mail.com

Метод часто используют для данных, которые пришли от пользователя: логина, email, имени или поискового запроса.

Синтаксис

Метод вызывают без аргументов.

string.trim();

Например:

let text = '  JavaScript  ';

console.log(text.trim());

Результат:

JavaScript

Пробелы по краям строки

Пробелы в начале и в конце строки не всегда заметны. Чтобы увидеть их в примере, можно добавить квадратные скобки.

let text = '  JavaScript  ';

console.log('[' + text + ']');
console.log('[' + text.trim() + ']');

Результат:

[  JavaScript  ]
[JavaScript]

Скобки не относятся к методу. Они просто помогают увидеть, где строка начинается и заканчивается.

Пробелы внутри строки

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

let message = '  Привет мир  ';

console.log(message.trim());

Результат:

Привет мир

Пробел между словами остался, потому что он находится не по краям строки.

Не только пробелы

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

let text = '\n\t JavaScript \n';

console.log(text.trim());

Результат:

JavaScript

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

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

let savedLogin = 'admin';
let userLogin = '  admin  ';

console.log(userLogin === savedLogin);
console.log(userLogin.trim() === savedLogin);

Результат:

false
true

После trim() лишние пробелы не мешают сравнению.

Строка не меняется

trim() не изменяет исходную строку. Он возвращает новую строку.

let name = '  Анна  ';

name.trim();

console.log('[' + name + ']');

Результат:

[  Анна  ]

Если очищенное значение нужно дальше, результат нужно сохранить.

let name = '  Анна  ';
let cleanName = name.trim();

console.log('[' + cleanName + ']');

Результат:

[Анна]

Итого

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

  • Метод вызывают без аргументов: string.trim().
  • Пробелы внутри строки не удаляются.
  • trim() убирает обычные пробелы, переносы строк и табуляцию по краям.
  • Исходная строка не меняется.