Как удалить лишние пробелы в строке? JavaScript RegExp

Подробно разобран процесс написания регулярного выражения для метода replace(), которое удаляет лишние пробелы в строке JavaScript.
Рассмотрены понятия синтаксиса шаблона регулярного выражения "Утверждение", "Квантификатор", "Альтернатива", "Атом".
Затронута тема ошибок, которые могут возникнуть из-за "ложных" пробелов.
Рассмотрена таблица из алгоритма абстрактной операции GetSubstitution() стандарта ECMAScript.
Благодарю за просмотр!
Вы можете поддержать канал монеткой - Номер карты - 4276 5500 2378 3189
Ваша материальная поддержка придаст мне больше мотивации на создание нового материала.
Стандарт ECMAScript - Раздел "22.2 RegExp (Regular Expression) Objects" - tc39.es/ecma26...
Стандарт ECMAScript - Раздел "22.1.3.18 String.prototype.replace ( searchValue, replaceValue )" - tc39.es/ecma26...
Ссылка на публикацию - efim360.ru/jav...

[@НикитаСмирнов-ъ2п]

Спасибо Вам большое! Видео полезное и очень круто что Вы так все разобрали в этой теме для полного понимания, что и как работает! Отличное видео!

[@ЕфимРябов]

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

[@BorderInVais]

Отлично, очень радует, что в отличии от той массы тех, кто просто из головы берет инфу по js, а не из спецификации

[@strikerorion5290]

Жаль таких объяснений мало где найдешь.

[@ЕфимРябов]

Благодарю! Старался создать такое видео, как хотел, чтобы мне в своё время объяснили подобным образом. На слух воспринимать информацию куда проще и быстрее, чем самому пытаться разобрать какое-то решение на сайтах в сети интернет.

[@serge-KSV]

Просто, супер объяснение!!! Спасибо Вам.

[@nouchance]

Спасибо большое! Первый идея который приходил голову Метод trim();

[@michel041100]

Огромное спасибо, для Stage - 0 - самое оно!

[@ЕфимРябов]

Вам спасибо, что посмотрели! Визуально код может показаться простым для восприятия, но внутри он работает довольно "хитро". Поэтому решил подробнее разобрать этот вопрос т. к. уверен, что половина зрителей первый раз будут видеть регулярные выражения в деле. Хорошего дня!

[@zherebetskyi4097]

Мощно! Лайк + Подписка

[@ЕфимРябов]

Спасибо Роман, что посмотрели! Старался осветить вопрос с самого нуля. Регулярные выражения работают во многих языках, поэтому видео может быть полезно любому, кто впервые сталкивается с подобной задачей. Решение компактное, но работает не так просто, как может показаться. --- По незнанию можно начать городить "лютые" конструкции в JavaScript.

[@svloex]

А почему во втором мапе были другие цифры я так и не понял

[@ЕфимРябов]

Вторую строку специально заранее подготовил и просто скопировал в консоль браузера из редактора VSC. Сделал это для того, чтобы вы были готовы к проблемным ситуациям. Что проблема заключается не в самом нашем коде, а в том какие данные через этот код обрабатываются. Визуально данные выглядят одинаково, но по факту нет. --- Набрать "160 пробел" на клавиатуре просто невозможно, но он встречается в различных CMS (системах управления контентом). Например если вы пользуетесь Wordpress, то он последовательные "32 пробелы" начинает заменять(чередовать) на "160 пробелы". В видео как раз строчка подобного вида во втором map() --- С недавнего времени VSC научился подсвечивать "проблемные" символы, и это хорошо.

[@ОлегД-э2ъ]

Да что вы все своими пробелами, это легко. Лучше расскажите, как заменить например третью запятую на точку в строке, разделенной 10 запятыми

[@ЕфимРябов]

Олег, благодарю за просмотр! Пробелы не совсем легко (как минимум потому что их не видно), но кому как. Если вам нужно регулярное выражение под замену третьей запятой на точку, то могу предложить такие два варианта: `а,б,в,г,д,е,ё,ж,з,и,к`.replace(/(.)+?(,)(.)+?(,)(.)+?(,)(.+)/g, `$1$2$3$4$5.$7`) 'а,б,в.г,д,е,ё,ж,з,и,к' `а,б,в,г,д,е,ё,ж,з,и,к`.replace(/(.+?,.+?,.+?)(,)(.+)/g, `$1.$3`) 'а,б,в.г,д,е,ё,ж,з,и,к' Если нужно учитывать строки в которых только 10 запятых, тогда нужно писать отдельную функцию, которая будет фильтровать нужный вам массив строк и только потом производить замены запятых на точки.

[@ОлегД-э2ъ]

@@ЕфимРябов спасибо большое! Сейчас разберу решение.

[@ОлегД-э2ъ]

А например в рамках скобочной группы я не могу внутри скобки исключить знак препинания?

[@ОлегД-э2ъ]

@@ЕфимРябов function regular (str) { res = str.split('.') return res.join("").replace(/(\W+\s+\W+) (\W+\s+\W+) (\W+\s+\W+) (\W+\s+\W+)/g, "$1. $2. $3, $4.") } console.log (regular ("Вася Иванов. Маня Петрова. Кузя Кузнецов. Ваня Васев.")) Короче, свернул на дорожку читерства. Перевел в массив, потом разделил по пробелу и расставил знаки чере скобочные подстановки

[@ЕфимРябов]

Только вы знаете, как у вас организованы данные и что с ними нужно сделать. Сложные задачи в любом случае разделяются на маленькие подзадачи. Без функций и массивов никак.

[@AlcoTesti]

Столько воды это капец , час смотреть про код в 3 строки ....

[@ЕфимРябов]

Добрый день! Видео ориентировано на людей, которые хотят разобраться в том, как работает решение из видео по поиску лишних пробелов. Это решение не "очевидное". У людей может быть разный опыт владения JavaScript. Если вам понятен код из видео, то это здорово.