Удалить все порбелы (JavaScript)

Удалить все пробелы (JavaScript)

Удалить все пробелы можно при помощи регулярных выражений и функции replace().

Пример

Например, есть слой с текстом и кнопка при нажатии на которую нужно будет все пробелы в слое удалить.

Во время решения задачи напишем функцию string del_spaces(string string) , которая возвращает строку string без пробелов.

// Функция удаления пробелов function del_spaces(str) < str = str.replace(/\s/g, ''); return str; >var lorem = ‘Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.’; function lorem_del_spaces()

Категории

Читайте также

• Удалить все пробелы (PHP)
• Удалить двойные пробелы (PHP)
• Удалить все теги (PHP)
• str_repeat (JavaScript)
• str_pad (JavaScript)
• Вырезать все кроме цифр (PHP)
• JavaScript md5
• Переменная является строкой (JavaScript)
• Многострочные переменные-строки (JavaScript)
• Первую букву в верхний регистр (JavaScript)
• JavaScript trim
• Как обрезать строку (JavaScript)

Источник

как убрать пробелы в строке js

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

const str = ' some text '; console.log(str.trim()); // => some text 

Если же надо удалить вообще все пробелы, можно воспользоваться методом replaceAll() , передав ему первым аргументом пробел ‘ ‘ , а вторым — пустую строку » :

const text = ' Это текст, из которого мы хотим удалить все пробелы . '; console.log(text.replaceAll(' ', '')); // => Этотекст,изкоторогомыхотимудалитьвсепробелы. 

Источник

doctor Brain

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

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

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

Все перечисленные выше методы удаления пробельных символов возвращают новую строку. Таким образом, исходная строка остается неизменной.

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" 

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

В JavaScript можно встретить многострочные конструкции — шаблонные литералы. Хорошей новостью будет то, что метод trim() будет корректно работать и с ними.

const multiLine = ` hi `; multiline.trim(); // "hi" 

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

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

Словосочетания, как строчные литералы

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

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

Псевдонимы

trimStart и trimLeft

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

До сих пор некоторые разработчики используют метод trimLeft() . Это псевдоним. Результаты полностью идентичны.

const string = " hi "; trimEnd(string); // "hi "; trimRight(string); // "hi "; 

trimEnd и trimRight

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

const string = " hi "; trimEnd(string); // " hi"; trimRight(string); // " hi"; 

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

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

Таким образом, в этом противостоянии побеждают trimStart и trimEnd .

Почему появились псевдонимы?

Методы trimLeft и trimRight появились первыми. Однако, в дальнешем было принято решение использовать синтаксис trimStart и trimEnd , в связи с тем, что такое написание сходно с названиями других встроенных методов, например: padStart и padEnd . Такой подход позволяет сделать конструкции языка JavaScript более понятными и однородными.

Для сохранения совместимости с уже написанным ранее кодом методы trimLeft и trimRight были сохранены, как псевдонимы, позволяя использовать устаревший синтаксис в старых проектах.

Применение

trim

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

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

trimStart

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

- List Item - Sub List Item - Sub List Item 

trimEnd

В отношении метода trimEnd() нет каких-то выдающихся мыслей, но возможно он пригодится для удаления символов разрыва строки.

Браузеры

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

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

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

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

Написано по материалам статьи Samantha Ming “JavaScript String trim()”.

Новые публикации

JavaScript: сохраняем страницу в pdf

HTML: Полезные примеры

CSS: Ускоряем загрузку страницы

JavaScript: 5 странностей

JavaScript: конструктор сортировщиков

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.

© 2021 dr.Brain .
мир глазами веб-разработчика

Источник

String.prototype.trim()

The trim() method removes whitespace from both ends of a string and returns a new string, without modifying the original string.

To return a new string with whitespace trimmed from just one end, use trimStart() or trimEnd() .

Try it

Syntax

Return value

A new string representing str stripped of whitespace from both its beginning and end. Whitespace is defined as white space characters plus line terminators.

If neither the beginning or end of str has any whitespace, a new string is still returned (essentially a copy of str ).

Examples

Using trim()

The following example trims whitespace from both ends of str .

const str = " foo "; console.log(str.trim()); // 'foo' 

Specifications

Browser compatibility

BCD tables only load in the browser

See also

Found a content problem with this page?

This page was last modified on Mar 26, 2023 by MDN contributors.

Your blueprint for a better internet.

MDN

Support

Our communities

Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Источник

JavaScript | Как удалить все пробелы из строки?

У нас есть строка с пробелами, написанная на JavaScript:

let str = ' оди н д ва т ри ';

Нам нужно удалить все возможные пробелы из этой строки, чтобы оставшиеся символы слиплись в одну последовательность. Как это сделать?

Проще всего воспользоваться регулярным выражением и написать шаблон для сопоставления строки. Замены мы будем производить при помощи метода replace() .

Между двумя косыми линиями находится пробел перед плюсом. Не потеряйте его.

Внимание! В природе IT-сферы существует множество невидимых символов, которые можно принять за нормальный клавиатурный пробел с номером 32. С большой долей вероятности вы можете встретить 160-ый пробел. Из-за него наше регулярное выражение уже не сработает. Проблема не в конкретном регулярном выражении — проблема в самой строке.

Информационные ссылки

Стандарт ECMAScript — Раздел «22.1.3.18 String.prototype.replace ( searchValue , replaceValue )» — https://tc39.es/ecma262/multipage/text-processing.html#sec-string.prototype.replace

Вам также может понравиться

JavaScript | Максимальное число в массиве?

Как узнать, какое число в массиве является максимальным? Задача решается при помощи метода sort() для объектов-прототипов Array. Решение задачи — простой пример […]

ECMAScript | get RegExp.prototype.multiline

RegExp.prototype.multiline — это свойство средства доступа, функция которого не определена — является undefined. Его функция доступа get выполняет следующие шаги: 1. Пусть […]

document.getElementsByTagName(«cite»)

Команда document.getElementsByTagName(«cite») возвращает HTML-коллекцию HTML-элементов со страницы (документа). Элементы коллекции тянут за собой всех потомков. Забор данных осуществляется в древовидном порядке, […]

Ночные Работники Службы | Алгоритм «Создать Задание» (Create Job)

Вход jobType, тип задания scopeURL, URL-адрес scriptURL, URL-адрес promise, обещание client, клиент работника службы Выход job, задание 1. Пусть job будет […]

Источник