Что такое nan в javascript

Подводные камни JavaScript

Мне очень нравится JavaScript и я считаю его мощным и удобным. Но для большинства начинающих JS-программистов, много проблем создаёт недопонимание аспектов языка. Часто конструкции языка ведут себя «нелогично». В данной статье я хочу привести примеры «граблей», на которые я наступил; объяснить поведение языка и дать пару советов.

Проблема: несмотря на то, что тип у null — Null, оператор возвращает ‘object’; а тип у функции — Object, оператор возвращает ‘function’, а такого типа нет.
Объяснение: typeof возвращает не тип, а строку, которая зависит от аргумента и не является именем типа.
Совет: забудьте про типы. Серьезно, я считаю что знание 6 типов JS не даст вам пользы, а оператор typeof используется довольно часто, поэтому лучше запомнить результаты его работы:

Магические значения: undefined, null, NaN

Проблема: оператор typeof говорит нам, что тип необъявленной переменной — undefined, но при обращении к ней происходит ошибка.
Объяснение: на самом деле, есть 2 понятия — Undefined и Undeclared. Так вот, необъявленная переменная является Undeclared-переменной и обращение к ней вызывает ошибку. Объявленная, но не инициализированная переменная принимает значение undefined и при обращении к ней ошибок не возникает.
Совет: перед обращением к переменной, вы должны быть уверенны, что она объявлена. Если вы обратитесь к Undeclared-переменной, то код, следующий за обращением, не будет выполнен.

Теперь попробуем совершить аналогичные действия с null:

Проблема: несмотря на некоторые сходства между null и undefined, null мы перезаписать не можем. На самом деле проблема не в этом, а в том, что язык ведёт себя нелогично: даёт перезаписать undefined, но не даёт перезаписать null.
Объяснение: null — это не глобальная переменная и вы не можете её создать, т. к. null — зарезервированное слово.
Совет: в JavaScript не так много зарезервированных слов, проще их запомнить и не использовать как имена переменных, чем вникать, в чём проблема, когда она возникнет.

И теперь сделаем тоже самое с NaN:

Проблема: при переопределении undefined всё прошло успешно, при переопределении null возникла ошибка, а при переопределении NaN операция не вызвала ошибки, но свойство не было переопределено.
Объяснение: нужно понимать, что NaN — переменная глобального контекста (объекта window). Помимо этого, к NaN можно «достучаться» через Number.NaN. Но это неважно, ниодно из этих свойств вы не сможете переопределить, т. к. NaN — not writable property:

Совет: как JS-программисту, вам нужно знать об атрибутах свойств:

Вы можете объявлять неудаляемые или read-only свойства и для созданных вами объектов, используя метод Object.defineProperty:

Работа с дробными числами

Давайте вспомним 3-й класс и сложим несколько десятичных дробей. Результаты сложения в уме проверим в консоли JS:

Проблема: при сложении некоторых дробных чисел, выдаётся арифметически неверный результат.
Объяснение: такие результаты получаются из-за особенностей работы c числами с плавающей точкой. Это не является особенностью JavaScript, другие языки работают также (я проверил в PHP, Python и Ruby).
Совет: во-первых, вы, как программист, обязаны знать об особенностях работы компьютера с числами с плавающей точкой. Во-вторых, в большинстве случаев достаточно просто округлять результаты. Но, если вдруг необходимо выдавать пользователю точный результат, например, при работе с данными о деньгах, вы можете просто умножать все аргументы на 10 и результат делить обратно на 10, например так:

Источник

Числа в JavaScript. Значение NaN

Дата публикации: 2016-11-02

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

Давайте познакомимся с еще одним специальным значением числового типа — NaN (Not a Number, не число). Этим значением JavaScript помечает любой неопределенный результат математической операции. Например, деление на ноль, как мы уже видели, приведет к бесконечности. Но, не всегда, как оказывается. На самом деле, если поделить на ноль сам ноль, то результат будет не определен:

При этом, если мы проверим тип получаемого значения, то это будет число — number:

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Как и в случае с Infinity, любая операция с NaN приведет к такому же неопределенному значению:

В JavaScript есть специальная функция, которая позволяет проверить, является ли переданное значение значением NaN. Функция isNaN вернут true если это так, для прочих результатов числовых значений будет возвращено false:

Источник

Типы данных

Значение в JavaScript всегда относится к данным определённого типа. Например, это может быть строка или число.

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

Переменная в JavaScript может содержать любые данные. В один момент там может быть строка, а в другой – число:

Языки программирования, в которых такое возможно, называются «динамически типизированными». Это значит, что типы данных есть, но переменные не привязаны ни к одному из них.

Число

Числовой тип данных ( number ) представляет как целочисленные значения, так и числа с плавающей точкой.

Infinity представляет собой математическую бесконечность ∞. Это особое значение, которое больше любого числа.

Мы можем получить его в результате деления на ноль:

Или задать его явно:

NaN означает вычислительную ошибку. Это результат неправильной или неопределённой математической операции, например:

Значение NaN «прилипчиво». Любая операция с NaN возвращает NaN :

Математические операции в JavaScript «безопасны». Мы можем делать что угодно: делить на ноль, обращаться с нечисловыми строками как с числами и т.д.

Скрипт никогда не остановится с фатальной ошибкой (не «умрёт»). В худшем случае мы получим NaN как результат выполнения.

Специальные числовые значения относятся к типу «число». Конечно, это не числа в привычном значении этого слова.

Подробнее о работе с числами мы поговорим в главе Числа.

BigInt

Для большинства случаев этого достаточно. Но иногда нам нужны действительно гигантские числа, например, в криптографии или при использовании метки времени («timestamp») с микросекундами.

Тип BigInt был добавлен в JavaScript, чтобы дать возможность работать с целыми числами произвольной длины.

В данный момент BigInt поддерживается только в браузерах Firefox, Chrome, Edge и Safari, но не поддерживается в IE.

Строка

Строка ( string ) в JavaScript должна быть заключена в кавычки.

В JavaScript существует три типа кавычек.

Двойные или одинарные кавычки являются «простыми», между ними нет разницы в JavaScript.

Обратите внимание, что это можно делать только в обратных кавычках. Другие кавычки не имеют такой функциональности встраивания!

Мы рассмотрим строки более подробно в главе Строки.

Булевый (логический) тип

Булевый тип ( boolean ) может принимать только два значения: true (истина) и false (ложь).

Такой тип, как правило, используется для хранения значений да/нет: true значит «да, правильно», а false значит «нет, не правильно».

Булевые значения также могут быть результатом сравнений:

Мы рассмотрим булевые значения более подробно в главе Логические операторы.

Значение «null»

Специальное значение null не относится ни к одному из типов, описанных выше.

Оно формирует отдельный тип, который содержит только значение null :

В JavaScript null не является «ссылкой на несуществующий объект» или «нулевым указателем», как в некоторых других языках.

Это просто специальное значение, которое представляет собой «ничего», «пусто» или «значение неизвестно».

В приведённом выше коде указано, что значение переменной age неизвестно.

Значение «undefined»

Оно означает, что «значение не было присвоено».

Если переменная объявлена, но ей не присвоено никакого значения, то её значением будет undefined :

Технически мы можем присвоить значение undefined любой переменной:

…Но так делать не рекомендуется. Обычно null используется для присвоения переменной «пустого» или «неизвестного» значения, а undefined – для проверок, была ли переменная назначена.

Объекты и символы

Тип object (объект) – особенный.

Все остальные типы называются «примитивными», потому что их значениями могут быть только простые значения (будь то строка, или число, или что-то ещё). В объектах же хранят коллекции данных или более сложные структуры.

Объекты занимают важное место в языке и требуют особого внимания. Мы разберёмся с ними в главе Объекты после того, как узнаем больше о примитивах.

Тип symbol (символ) используется для создания уникальных идентификаторов в объектах. Мы упоминаем здесь о нём для полноты картины, изучим этот тип после объектов.

Оператор typeof

Оператор typeof возвращает тип аргумента. Это полезно, когда мы хотим обрабатывать значения различных типов по-разному или просто хотим сделать проверку.

У него есть две синтаксические формы:

Другими словами, он работает со скобками или без скобок. Результат одинаковый.

Вызов typeof x возвращает строку с именем типа:

Последние три строки нуждаются в пояснении:

Итого

В JavaScript есть 8 основных типов.

Оператор typeof позволяет нам увидеть, какой тип данных сохранён в переменной.

В следующих главах мы сконцентрируемся на примитивных значениях, а когда познакомимся с ними, перейдём к объектам.

Источник

NaN in JavaScript

The number type in JavaScript holds integers and floats:

Plus there are 2 special number values: Infinity (a number bigger than any other number) and NaN (representing «Not A Number» concept):

While working directly with NaN is rare, it can appear surprisingly after a failed operation on numbers.

The number type in JavaScript is a set of all number values, including «Not A Number», positive infinity and negative infinity.

«Not a Number» is a value that does not represent a real number, despite having number type. NaN is useful to represent faulty operations on numbers.

For example, multiplying a number with undefined is not a valid operation, thus the result is NaN :

Also trying to parse an invalid numeric string like ‘Joker’ results in NaN too:

2. Checking for equality with NaN

The interesting property of NaN is that it doesn’t equal to any value, even with the NaN itself:

This behavior is useful to detect if a variable is NaN :

JavaScript has bult-in functions to detect NaN : isNaN() and Number.isNaN() :

The difference between these functions is that Number.isNaN() doesn’t convert its argument to a number:

3. Operations resulting in NaN

3.1 Parsing numbers

In JavaScript you can transform numeric strings into numbers.

For example, you could easily transform the ‘1.5’ string into a 1.5 float number:

When the string cannot be converted to a number, the parsing function returns NaN : indicating that parsing has failed. Here are some examples:

When parsing numbers, it’s a good idea to verify if the parsing result is not NaN :

3.2 undefined as an operand

«Not A Number» is generated when a missing property or a function returning undefined is used as a value in arithmetical operations.

3.3 NaN as an operand

NaN value is also generated when an operand in aritemtical operations is NaN :

NaN spreads across the arithmetical operations:

3.4 Indeterminate forms

NaN value is created when arithmetical operations are in indeterminate forms.

The division of 0 / 0 and Inifinity / Infinity :

The multiplication of 0 and Infinity :

Additions of infinite numbers of different signs:

3.5 Invalid arguments of math functions

The square root of negative number:

Or the lograrithm of a negative number:

Indeterminate forms or invalid arguments for mathematical functions also result in «Not A Number». But these cases happen rarely.

Источник

Форум

Discord чат

isNaN

Синтаксис

Аргументы

Описание, примеры

Эта функция полезна, так как значение NaN не может быть проверено операторами эквивалентности.

самая банальная проверка на NaN это: NaN == NaN всегда будет false
т.е. переменная не равна сама себе
var a = NaN;
isNaN(a) // true
a!=a // true

Зачем тогда вообще эта функция нужна, если она строки считает NaN’ами?

Спасибо! Очень полезный сайт!

Очень нужный сайт! Никогда не догадался бы, что объязательно нужно делать так!

isNaN(null) также false

единственный верный вариант, своего рода костыль

isMyNaN(undefined)
false
isMyNaN(‘e’)
false
isMyNaN(‘1’)
false
isMyNaN(1)
false
isMyNaN(null)
false
isMyNaN(true)
false

неверно, оно вернёт false если значение === самому себе, то есть любой символ, любая строка и любое число. Даже true вернёт false

isNaN(undefined)
true
isMyNaN(undefined)
true

isNaN(‘1’)
false
isMyNaN(‘1’)
false

isNaN(null)
false
isMyNaN(null)
false

действительно
isNaN(undefined); //true

И Как сравнить теперь undefined и Nan?

isNaN(«Hi») // true
Если проверить любую строку, вернется true

Не любую
isNaN(«12») // false
isNaN(«0x12») // false
isNaN(«x12») // true
isNaN(«12x») // true

Если вопрос в корректности использования isNaN(), то.

Тоже костыль, конечно.
Но, по крайней мере для таких значений s, как undefined, null и ‘test’ (см. выше) отработало корректно.

Как задать в функции отсутствие аргументов?

Просто так. function foo()

Метод isNaN пытается преобразовать переданный параметр в число. Если параметр не может быть преобразован, возвращает true, иначе возвращает false.

Источник