Числа в JavaScript. Функция parseInt

Числа в JavaScript. Функция parseInt

От автора: приветствую вас, друзья. Мы продолжаем статьи по изучению JavaScript и в этой статье мы с вами продолжим более подробно говорить о числах в JavaScript. В частности, мы больше узнаем о том, как привести значение к числу.

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

Пример выше в первом случае просто объединит числовые строки и мы получим не тот результат, который ожидали — строку 23. А вот во втором случае, используя унарный плюс, мы приводим обе числовые строки к числу и получаем нужный результат — число 5.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Узнать подробнее

Однако на практике такой вариант не всегда нам подойдет. Ну например, мы работаем с картинкой на сайте и получили ее ширину и высоту в пикселях. Давайте попробуем сложить их, используя знакомое нам преобразование:

Но не тут то было. Если мы таким образом попытаемся привести строку к числу, то в результате получим знакомое нам NaN:

Использовать унарный плюс для преобразования строки, которая не является числовой строкой, не имеет смысла. Что же делать? Нам поможет функция parseInt(), которая преобразует строку в число до тех пор, пока это возможно. И сразу же примеры:

И результат:

И еще пара примеров:

Обратите внимание на третий пример. Как и отмечалось выше, функция parseInt() преобразует строку в число до тех пор, пока это возможно. Как только в строке встречается нечисловой символ — преобразование останавливается. В результате в третьем примере мы видим не все цифры в строке, а только те, которые стоят до первой буквы.

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Узнать подробнее

JavaScript&jQuery с нуля до профи

Пройдите пошаговый видеокурс по JavaScript&jQuery

Научиться

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree