Как заменить несколько пробелов на один JavaScript

Вы можете просто использовать JavaScript-метод replace()для замены нескольких пробелов внутри строки.

Давайте посмотрим на следующий пример, чтобы понять, как это работает:

<script>
    var myStr = 'The     quick   brown  fox';
    alert(myStr);  // Возвращает 'The     quick   brown  fox'
    
    var newStr = myStr.replace(/  +/g, ' ');
    alert(newStr);  // Возвращает 'The quick brown fox'
</script>

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

<script>
    var myStr = 'The  quick brown fox';
    document.write('<p>' + myStr + '</p>'); // Браузер не отображает несколько пробелов
    var newStr = myStr.split(' ').join('-');
    document.write('<p>' + newStr + '</p>'); // Печатает 'The--quick-brown-fox'
    
    var myStr = myStr.replace(/  +/g, ' ');
    document.write('<p>' + myStr + '</p>');
    var newStr = myStr.split(' ').join('-');
    document.write('<p>' + newStr + '</p>');  // Печатает 'The-quick-brown-fox'
</script>