Преобразование типов
Чаще всего операторы и функции автоматически приводят переданные им значения к нужному типу.
Например, alert автоматически преобразует любое значение к строке. Математические операторы преобразуют значения к числам.
Есть также случаи, когда нам нужно явно преобразовать значение в ожидаемый тип.
В этой главе мы не касаемся объектов. Сначала мы разберём преобразование примитивных значений.
Мы разберём преобразование объектов позже, в главе Преобразование объектов в примитивы.
Строковое преобразование
Строковое преобразование происходит, когда требуется представление чего-либо в виде строки.
Например, alert(value) преобразует значение к строке.
Также мы можем использовать функцию String(value) , чтобы преобразовать значение к строке:
Преобразование происходит очевидным образом. false становится "false" , null становится "null" и т.п.
Численное преобразование
Численное преобразование происходит в математических функциях и выражениях.
Например, когда операция деления / применяется не к числу:
Мы можем использовать функцию Number(value) , чтобы явно преобразовать value к числу:
Явное преобразование часто применяется, когда мы ожидаем получить число из строкового контекста, например из текстовых полей форм.
Если строка не может быть явно приведена к числу, то результатом преобразования будет NaN . Например:
Правила численного преобразования:
| Значение | Преобразуется в… |
|---|---|
| undefined | NaN |
| null | 0 |
| true / false | 1 / 0 |
| string | Пробельные символы (пробелы, знаки табуляции \t , знаки новой строки \n и т. п.) по краям обрезаются. Далее, если остаётся пустая строка, то получаем 0 , иначе из непустой строки «считывается» число. При ошибке результат NaN . |
Учтите, что null и undefined ведут себя по-разному. Так, null становится нулём, тогда как undefined приводится к NaN .
Большинство математических операторов также производит данное преобразование, как мы увидим в следующей главе.
Логическое преобразование
Логическое преобразование самое простое.
Происходит в логических операциях (позже мы познакомимся с условными проверками и подобными конструкциями), но также может быть выполнено явно с помощью функции Boolean(value) .
- Значения, которые интуитивно «пустые», вроде 0 , пустой строки, null , undefined и NaN , становятся false .
- Все остальные значения становятся true .
Некоторые языки (к примеру, PHP) воспринимают строку "0" как false . Но в JavaScript, если строка не пустая, то она всегда true .
Итого
Существует 3 наиболее широко используемых преобразования: строковое, численное и логическое.
Строковое – Происходит, когда нам нужно что-то вывести. Может быть вызвано с помощью String(value) . Для примитивных значений работает очевидным образом.
Численное – Происходит в математических операциях. Может быть вызвано с помощью Number(value) .
Преобразование подчиняется правилам:
| Значение | Становится… |
|---|---|
| undefined | NaN |
| null | 0 |
| true / false | 1 / 0 |
| string | Пробельные символы по краям обрезаются. Далее, если остаётся пустая строка, то получаем 0 , иначе из непустой строки «считывается» число. При ошибке результат NaN . |
Логическое – Происходит в логических операциях. Может быть вызвано с помощью Boolean(value) .
| Значение | Становится… |
|---|---|
| 0 , null , undefined , NaN , "" | false |
| любое другое значение | true |
Большую часть из этих правил легко понять и запомнить. Особые случаи, в которых часто допускаются ошибки:
- undefined при численном преобразовании становится NaN , не 0 .
- "0" и строки из одних пробелов типа " " при логическом преобразовании всегда true .
В этой главе мы не говорили об объектах. Мы вернёмся к ним позже, в главе Преобразование объектов в примитивы, посвящённой только объектам, сразу после того, как узнаем больше про основы JavaScript.
Преобразование строки в целое число в JavaScript
В этом посте мы обсудим, как преобразовать числовые строки в числа в JavaScript.
1. Использование Number() конструктор
Простое решение — передать заданную строку в Number() конструктор, который создает новый Number объект.
Это обрабатывает десятичные строки и нулевое значение. Он возвращается NaN в нечисловой строке. Если мы пропустим новое ключевое слово, Number() возвращает числовой примитив:
2. Использование Number.parseInt() функция
The Number.parseInt() метод анализирует указанную строку и возвращает целое число указанной системы счисления. Этот метод аналогичен глобальному parseInt() функция. Обратите внимание, что система счисления по умолчанию не равна 10, и могут возникнуть проблемы, если система счисления не указана.
Если передается нечисловая строка, она преобразуется в строку с помощью ToString абстрактная операция.
parseInt()
The parseInt() function parses a string argument and returns an integer of the specified radix (the base in mathematical numeral systems).
Try it
Syntax
Parameters
A string starting with an integer. Leading whitespace in this argument is ignored.
An integer between 2 and 36 that represents the radix (the base in mathematical numeral systems) of the string . It is converted to a 32-bit integer; if it’s nonzero and outside the range of [2, 36] after conversion, the function will always return NaN . If 0 or not provided, the radix will be inferred based on string ‘s value. Be careful — this does not always default to 10 ! The description below explains in more detail what happens when radix is not provided.
Return value
An integer parsed from the given string , or NaN when
- the radix as a 32-bit integer is smaller than 2 or bigger than 36 , or
- the first non-whitespace character cannot be converted to a number.
Note: JavaScript does not have the distinction of «floating point numbers» and «integers» on the language level. parseInt() and parseFloat() only differ in their parsing behavior, but not necessarily their return values. For example, parseInt(«42») and parseFloat(«42») would return the same value: a Number 42.
Description
The parseInt function converts its first argument to a string, parses that string, then returns an integer or NaN .
If not NaN , the return value will be the integer that is the first argument taken as a number in the specified radix . (For example, a radix of 10 converts from a decimal number, 8 converts from octal, 16 from hexadecimal, and so on.)
The radix argument is converted to a number. If it’s unprovided, or if the value becomes 0, NaN or Infinity ( undefined is coerced to NaN ), JavaScript assumes the following:
- If the input string , with leading whitespace and possible + / — signs removed, begins with 0x or 0X (a zero, followed by lowercase or uppercase X), radix is assumed to be 16 and the rest of the string is parsed as a hexadecimal number.
- If the input string begins with any other value, the radix is 10 (decimal).
Note: Other prefixes like 0b , which are valid in number literals, are treated as normal digits by parseInt() . parseInt() does not treat strings beginning with a 0 character as octal values either. The only prefix that parseInt() recognizes is 0x or 0X for hexadecimal values — everything else is parsed as a decimal value if radix is missing.
If the radix is 16 , parseInt() allows the string to be optionally prefixed by 0x or 0X after the optional sign character ( + / — ).
If the radix value (coerced if necessary) is not in range [2, 36] (inclusive) parseInt returns NaN .
For radices above 10 , letters of the English alphabet indicate numerals greater than 9 . For example, for hexadecimal numbers (base 16 ), A through F are used. The letters are case-insensitive.
parseInt understands exactly two signs: + for positive, and — for negative. It is done as an initial step in the parsing after whitespace is removed. If no signs are found, the algorithm moves to the following step; otherwise, it removes the sign and runs the number-parsing on the rest of the string.
If parseInt encounters a character that is not a numeral in the specified radix , it ignores it and all succeeding characters and returns the integer value parsed up to that point. For example, although 1e3 technically encodes an integer (and will be correctly parsed to the integer 1000 by parseFloat() ), parseInt(«1e3», 10) returns 1 , because e is not a valid numeral in base 10. Because . is not a numeral either, the return value will always be an integer.
If the first character cannot be converted to a number with the radix in use, parseInt returns NaN . Leading whitespace is allowed.
For arithmetic purposes, the NaN value is not a number in any radix. You can call the Number.isNaN function to determine if the result of parseInt is NaN . If NaN is passed on to arithmetic operations, the operation result will also be NaN .
Because large numbers use the e character in their string representation (e.g. 6.022e23 for 6.022 × 10 23 ), using parseInt to truncate numbers will produce unexpected results when used on very large or very small numbers. parseInt should not be used as a substitute for Math.trunc() .
To convert a number to its string literal in a particular radix, use thatNumber.toString(radix) .
Because parseInt() returns a number, it may suffer from loss of precision if the integer represented by the string is outside the safe range. The BigInt() function supports parsing integers of arbitrary length accurately, by returning a BigInt .
Javascript как перевести строку в число
Нередко возникает необходимость преобразовать одни данные в другие. Некоторые преобразования javascript выполняет автоматически. Например:
Здесь переменная number1 представляет строку, а точнее строковое представление числа. А переменная number2 представляет число. И в итоге мы получим не число 60, а строку 564.
При сложении преобразования в JavaScript производятся по принципу:
Если оба операнда представляют числа, то происходит обычное арифметическое сложение
Если предыдущее условие не выполняется, то оба операнда преобразуются в строки и производится объединение строк.
Соответственно в примере выше, поскольку первый операнд — строка, то второй операнд — число также преобразуется в строку, и в итоге получаем строку «564», а не число 60. Фактически мы получаем:
Функция String() и позволяет получить строковое представление значение. Так, выражение String(number2) получает строковое представление number2, то есть из числа 4 получает строку «4».
Но поведение по умолчанию не всегда может быть желательно. Например, в примере выше мы хотим, чтобы значения складывались не как строки, а как числа. В этом случае мы можем использовать функции преобразования.
parseInt()
Для преобразования строки в целое число применяется функция parseInt() :
При этом строка может иметь смешанное содержимое, например, «123hello», то есть в данном случае есть цифры, но есть и обычные символы. Функция parseInt() все равно попытается выполнить преобразование — она последовательно, начиная с первого символа, считывает цифры, пока не встретит первый нецифровой символ:
Стоит учитывать, что преобразуемое значение, которое преобразуется в число, всегда сначала преобразуется в строку. Это может приводить к неожиданным, на первый взгляд, результатам:
Выше в функцию parseInt передаются дробные числа, и мы ожидаем в обоих случаях получить число 0. Однако при преобразовании number2 мы получаем число 5. Почему?
Пример выше будет эквивалентен следующему:
Для дробных чисел меньше 10 -6 (0.000001) применяется экспоненциональная запись, то есть число 0.0000005 представляется как 5e-7 :
Далее число 5e-7 преобразуется в строку «5e-7», и эту строку parseInt пытается преобразовать в число. Соответственно на выходе получается число 5.
То же самое касается очень больших чисел типа 999999999999999999999, которые также представляются к экспоненциальной форме.
NaN и isNaN
Если функции parseInt() не удастся выполнить преобразование, то он возвращает значение NaN (Not a Number), которое говорит о том, что строка не представляет число и не может быть преобразована.
Что интересно, само значение NaN (не число) представляет тип number.
С помощью специальной функции isNaN() можно проверить, представляет ли строка число. Если строка не является числом, то функция возвращает true, если это число — то false:
Преобразование в другой системе исчисления
Выше мы рассматривали перевод строк в числа в десятичной системе. Но мы можем с помощью второго параметра явно указать, что хотим преобразовать строку в число в определенной системе. Например, преобразование в число в двоичной системе:
Результатом будет 6, так как 110 в двоичной системе — это число 6 в десятичной.
parseFloat
Для преобразования строк в дробные числа применяется функция parseFloat() , которая работает аналогичным образом: