Преобразование строк в числа

Сразу необходимо отметить следующее: если числовое значение сохранено в качестве строки (например, при введении значения в текстовое поле), у сценария могут появиться проблемы при попытке использовать это значение в математических операциях. В JavaScript предусмотрены две встроенные функции; которые можно применить для преобразования чисел, представленных в виде строки, к числовому формату: это функции parseInt() и parseFloat().

В JavaScript существует разница между целыми числами и числами с плавающей точкой. Целые числа (integer) всегда являются целыми. У них нет десятичной точки и справа от целой части у них ничего не задается. Числа с плавающей точкой (floating-point), в противоположность целым, могут содержать дробную часть справа от десятичной точки. С точки зрения вычисления арифметических операций, в JavaScript разницы между целыми числами и числами с плавающей точкой нет. Различать целые и нецелые числа необходимо лишь при передаче их в качестве параметров в некоторых методах, которые не могут обрабатывать дробную часть. Например, параметры метода scroll() должны быть числами целыми, поскольку они определяют число пикселей по вертикали и горизонтали, на которые нужно прокрутить окно. А на часть пикселя окно прокрутить не удастся даже самому ловкому пользователю.

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

parseInt("42") // результат = 42

parseInt("42.33")// результат = 42

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

В качестве результата функция parseFloat(), если это возможно, возвращает целое число. В противном случае в качестве результата возвращается число с плавающей точкой, как это и показано ниже.