За последние 24 часа нас посетили 20678 программистов и 1118 роботов. Сейчас ищут 368 программистов ...

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

Тема в разделе "JavaScript и AJAX", создана пользователем PHP-Chainik12, 20 мар 2018.

Метки:
  1. PHP-Chainik12

    PHP-Chainik12 Новичок

    С нами с:
    31 янв 2018
    Сообщения:
    32
    Симпатии:
    2
    Код (Javascript):
    1. var text = $('#text').val();
    2. var dlina = text.length;
    3. alert(dlina);
    Хочу чтобы в переменной dlina была длина без пробелов
     
  2. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    Сначала очисти от пробелов потом используй функцию length
     
    PHP-Chainik12 нравится это.
  3. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    Код (Javascript):
    1. var text = $('#text').val();
    2. text = text.split(' ');
    3. text = text.join('')
    4. text = text.length;
    5. alert(text)
     
    PHP-Chainik12 нравится это.
  4. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    Код (Javascript):
    1. temp =  temp.replace(/ /g, "");
    гугл выдал красивее результут
     
    PHP-Chainik12 нравится это.
  5. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    ну можно и красивее:)
    Код (Javascript):
    1. var len = text.split(' ').join('').length;
     
    PHP-Chainik12 нравится это.
  6. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    Я думаю этому челу любой из вариантов пойдет.
     
    PHP-Chainik12 нравится это.
  7. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    В твоем варианте кстати всего 1 пробел будет заменен а может и нет)
     
    PHP-Chainik12 нравится это.
  8. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    нет, если бы написал
    Код (Javascript):
    1. temp =  temp.replace(' ', "");
    то заменился бы только один.
    а так там цитирую
    "Мы заменили строку на регулярное выражение с глобальным поиском (модификатор g). В результате, теперь все найденные совпадения будут заменены."
    Брал с Русакова
    https://myrusakov.ru/javascript-str-replace.html
     
    PHP-Chainik12 нравится это.
  9. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.591
    Симпатии:
    360
    @PHP-Chainik12, если ещё учитывать всякие переносы строк и другие "пробельные символы", то вариант с регуляркой можно доработать:
    Код (Javascript):
    1.  dlina = text.replace(/\s/g,'').length;
    2. console.log(dlina);
     
    Dron-Boy нравится это.
  10. PHP-Chainik12

    PHP-Chainik12 Новичок

    С нами с:
    31 янв 2018
    Сообщения:
    32
    Симпатии:
    2
    Спасибо все работает
    --- Добавлено ---
    Вот весь код
    HTML:
    1. <!DOCTYPE html>
    2. <html lang="en">
    3.     <meta charset="UTF-8">
    4.     <title>TITLE</title>
    5.     <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    6. </head>
    7.     <input type="text" id="text" placeholder="Введите текст"><br>
    8.     <select id="space">
    9.         <option value="InSpace">С пробелами</option>
    10.         <option value="NoSpace">Без пробелов</option>
    11.     </select><br>
    12.     <input type="submit" id="done"><br>
    13.     <p id="result"></p>  
    14.     <script>
    15.         $('#done').click(function(){
    16.             var text = $('#text').val();
    17.             var space = $('#space').val();
    18.             var dlina = text.length;
    19.             if(space == 'InSpace'){
    20.                 result = dlina;
    21.                 $('#result').html('Длина строки с пробелами: ' + result);
    22.             }
    23.             if(space == 'NoSpace'){
    24.                 dlina = text.replace(/\s/g,'').length;
    25.                 result = dlina;
    26.                 $('#result').html('Длина строки без пробелов: ' + result);
    27.             }
    28.         })
    29.     </script>
    30. </body>
    31. </html>