Преобразование типов
Чаще всего операторы и функции автоматически приводят переданные им значения к нужному типу.
Например, 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.
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 .
�� Ways to convert String to Number in JS
Converting from one type to another (or simply called typecasting) is needed very frequently in any programming language. So is in JavaScript.
Today we are going to take a look at some of the ways to Typecast Strings to Number.
parseInt
As the name suggests, parseInt the function parses the argument as Integer. Though parseInt is made to parse to String to different kinds of Integers like Decimal, Binary, Octal etc
With the above definition, parseInt accepts two parameters:
- string : The value that needs to be converted to an integer
- integer : The radix base number between 0 and 32
Few things to remember here when using parseInt :
- radix base must be number; if not, it will be coerced to Number
- the base must be provided
parseFloat
Similar to parseInt , parseFloat the function will parse the string as a Floating number.
As there is no Floating representation in other number systems except Decimal; there is only Decimal parsing of String.
Example usage of parseFloat can be:
Number
Another way to convert/typecast Strings to Integer/Float is Number function. It works in the same way as of parseFlot
Applying the same example of parseFloat on Number will give us the same results
Benefits of using Number over parseFloat can be verbosity and readability of the JavaScript program.
Unary Operators
Unary operators are not really the type-casters but because of the way JS works, we can use the Unary operators to convert String to Number without hassle.
Let’s take a look at an example first:
Here on the like 2 if we see that we used unary operator + to convert a String value to a Number.
For the purpose of converting the String to Number, will use only two unary operators:
- +
- —
Unary Plus
Unary Plus will convert the String to Number without making any effort on changing the direction on the number axis
Unary Minus
Unary Minus will try to convert the String and Number and reverse the Sign on Number (reverse the direction on the number axis)
Binary Operators
Another way to convert string to number is by using Binary operators. Operators like — , * and / .
But how? here are the few things going on:
- JS evaluates an expression from left to right
- JS will try to match the type of operands on both sides of the operator
- End result is dependent on the type of operands needed by the operator
- One of the operands will be a number that will not result in any changes to the final value like multiplication & division by 1 or addition or removal of 0
Note: We can use + but it has concatenation behaviour which will try to convert Number to String which we don't want here.
With Binary Operators, you can also change the Sign of Number on go. Let’s do so with the above code example:
Let me know through comments �� or on Twitter at @patel_pankaj_ and/or @time2hack
Как в 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() , которая работает аналогичным образом: