Предисловие

Недавно у меня возникла странная проблема при разработке проекта, parseInt (0.0000005) === 5😱. Обычно вывод 0 правильный, но почему 5? Давайте вместе изучим эту проблему.

1. Когда вы используете parseInt?

Прежде всего, когда вы обычно используете parseInt? В большинстве случаев мы используем его для разбора строки и возврата ее целой части . С этим вопросом давайте взглянем на метод parseInt.

2. Кое-что о parseInt

Функция parseInt(string, radix) анализирует строковый аргумент и возвращает целое число по указанной системе счисления (основание в математических системах счисления).

Синтаксис

parseInt(string)
parseInt(string, radix)

parseInt('0.5') // 0
parseInt('0.5') // 0
parseInt('0.05') // 0
parseInt('0.005') // 0
parseInt('0.0005') // 0
parseInt('0.00005') // 0
parseInt('0.000005') // 0
parseInt('015') // 15
parseInt('015', 8) // 13
parseInt('15px', 10) // 15

Когда первым параметром parseInt является число, как оно анализируется?

Правда parseInt(0.0000005) === 5тоже здесь...

3.1. Первым шагом является преобразование числа вstring

Давайте проверим значения на основе строк, используя функцию String, чтобы увидеть, что является результатом для каждого из них:

String(0.5);      // => '0.5'
String(0.05);     // => '0.05'
String(0.005);    // => '0.005'
String(0.0005);   // => '0.0005' 
String(0.00005);  // => '0.00005'
String(0.000005); // => '0.000005'
String(0.0000005); // => '5e-7' pay attention here

Итак, это означает, что когда мы используем parseInt(0.0000005), оно равно parseInt('5e-7')и основано на определении:

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

parseInt(0.0000005)
parseInt('5e-7') // 5

4. Как безопасно получить целую часть числа с плавающей запятой？

Рекомендуется использовать следующую функцию Math.floor():

Math.floor(0.5);      // => 0
Math.floor(0.05);     // => 0
Math.floor(0.005);    // => 0
Math.floor(0.0005);   // => 0
Math.floor(0.00005);  // => 0
Math.floor(0.000005); // => 0
Math.floor(0.0000005); // => 0

Теперь вы можете объяснить, почему parseInt(99999999999999999999999999)он равен 1?

Спасибо за чтение.

Больше контента на PlainEnglish.io . Подпишитесь на нашу бесплатную еженедельную рассылку . Следите за нами в Twitter и LinkedIn . Присоединяйтесь к нашему сообществу Discord .