.trim()

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

        
          
          const phrase = '     А быть может, каждый из вас уже начал — не заметив этого — тот единственный путь, который предназначен ему судьбой.\n   'console.log(phrase.length)// 124const phraseWithoutSpaces = phrase.trim()console.log(phraseWithoutSpaces)// 'А быть может, каждый из вас уже начал — не заметив этого — тот единственный путь, который предназначен ему судьбой.'console.log(phraseWithoutSpaces.length)// 115
          const phrase = '     А быть может, каждый из вас уже начал — не заметив этого — тот единственный путь, который предназначен ему судьбой.\n   '
console.log(phrase.length)
// 124

const phraseWithoutSpaces = phrase.trim()
console.log(phraseWithoutSpaces)
// 'А быть может, каждый из вас уже начал — не заметив этого — тот единственный путь, который предназначен ему судьбой.'

console.log(phraseWithoutSpaces.length)
// 115

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Метод не принимает аргументов и работает напрямую со строкой, на которой вызван:

        
          
          const str = '  Привет, Дока!   'console.log(str.trim()) // 'Привет, Дока!'
          const str = '  Привет, Дока!   '
console.log(str.trim()) // 'Привет, Дока!'

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Метод .trim() наводит порядок по краям строки — убирает все пробельные символы. Под «пробельными» имеются в виду не только сами пробелы, но и их ближайшие родственники: символы переноса строки \n и табуляции \t.

На практике

Скопировать ссылку "На практике" Скопировано

Алекс Рассудихин советует

Скопировать ссылку "Алекс Рассудихин советует" Скопировано

При работе с полями ввода <input> и <textarea> может встречаться ситуация, когда пользователи добавляют пробелы в начале или конце текста. В некоторых случаях это не критично — например, в чатах или мессенджерах. Но есть ситуации, где важно получить чистые данные без лишних пробелов, как при вводе email для авторизации.

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

Метод также помогает получить чистые данные в required-полях. Атрибут required указывает, что поле формы обязательно для заполнения, но он не всегда правильно работает с пробельными символами. Если пользователь введёт только пробелы в поле с атрибутом required, браузер может посчитать поле заполненным, хотя фактически полезной информации там нет.

+ Развернуть