Как строку превратить в число js

Как перевести число в строку в Javascript?

Чтобы преобразовать число в строку необходимо вызвать метод toString() у числа.

const number = 5555; const notNumber = number.toString(); 

теперь в notNumber находит не число, а строка. Проверить можно с помощью typeof

typeof notNumber; // 'string' 

Также это сработает с отрицательными числами

const negative = -150; const notNegativeNumber = negative.toString(); console.log(notNegativeNumber); // => '-150' - теперь это строка. 

Из этого числа мы можем взять символ.

const firstChar = notNegativeNumber[0]; console.log(firstChar); // => '-' 

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

В JavaScript число можно записать, как фактическое число (например, 28 ) или как строку (например, «28» ).

Однако, если использовать строгое сравнение для этих двух чисел, мы получим следующее:

var num1 = 28; var num2 = "28"; console.log(num1 === num2); // => false

Существует несколько способов преобразования строкового типа данных в числовой.

parseInt()

Функция parseInt() анализирует строку и возвращает целое число. Допускаются пробелы.

У метода есть некоторые ограничения: строка должна начинаться с числа, возвращается только первое число, дробное число будет округлено до ближайшего целого значения. Если значение не может быть преобразовано, возвращается NaN .

parseInt('345') // 345 parseInt('33 коровы') // 33 parseInt(' 4 таракана и 1 сверчок ') // 4 parseInt('в кармане 7 яблок, 1 - зеленое') // NaN parseInt(2.22) // 2 parseInt(8.888) // 8 parseInt('3.14 - это число пи') // 3

parseFloat()

parseFloat() анализирует строку и возвращает все число. Также возвращается только первое число и допускаются пробелы.

parseFloat('345') // 345 parseFloat('33 коровы') // 33 parseFloat(' 4 таракана и 1 сверчок ') // 4 parseFloat('в кармане 7 яблок, 1 - зеленое') // NaN parseFloat(2.22) // 2.22 parseFloat(8.888) // 8.888 parseFloat('3.14 - это число пи') // 3.14

Number()

Number() используется для преобразования чисел, являющимися строкой, в числовой тип. Если значение не может быть преобразовано, возвращается NaN .

Number('345') // 345 Number('33 коровы') // NaN Number(' 4 ') // 4 Number(2.22) // 2.22

Math.floor()

Функция Math.floor() возвращает ближайшее меньшее целое число.

Math.floor('345') // 345 Math.floor('33 коровы') // NaN Math.floor(' 4 ') // 4 Math.floor(2.22) // 2 Math.floor(8.888) // 8

Унарный оператор ( + )

Унарный оператор + ставится перед элементом, пытаясь преобразовать его в число, если элемент — не число. Если в строке есть текст — возвращается NaN .

+1900 // 1900 +'345' // 345 +'33 коровы' // NaN +' 4 ' // 4 +2.22 // 2.22 +' ' // 0

Двойная тильда ( ~~ )

Оператор двойной тильды отрабатывает также, как и унарный оператор + , однако строки с текстом преобразовываются в 0 .

~~1900 // 1900 ~~'345' // 345 ~~'33 коровы' // 0 ~~' 4 ' // 4 ~~2.22 // 2.22 ~~' ' // 0

Умножение на число

Умножение строкового значения на 1 будет преобразовано в число, кроме случаев с текстом.

'345' * 1 // 345 '33 коровы' * 1 // NaN ' 4 ' * 1 // 4 '2.22' * 1 // 2.22 ' ' * 1 // 0

match()

Метод match() возвращает массив из элементов, полученных в результате сравнения исходных данных с регулярным выражением. Регулярное выражение будет проверять строку на наличие чисел. Далее необходимо массив преобразовать в число.

let text = '#col-3-md-12'; let array = text.match(/\d/g); // ['3', '1', '2'] let numberAsString = array.join(''); // '312' let number = +numberAsString; // 312 +'345'.match(/\d/g).join(''); // 345 +'33 коровы'.match(/\d/g).join(''); // 33 +' 4 таракана и 1 сверчок '.match(/\d/g).join(''); // 41 +'в кармане 7 яблок, 1 - зеленое'.match(/\d/g).join(''); // 71 +'3.14 - это число пи'.match(/\d/g).join(''); // 314

как перевести из строки в число js

Функция parseInt() преобразует строку в число и возвращает целочисленное значение. Если строка начинается с нечисловых символов, то parseInt() игнорирует их и считывает только числовую часть. Если же строка не содержит чисел, то parseInt() вернет NaN .

console.log(parseInt('123')); // 123 console.log(parseInt('123px')); // 123 console.log(parseInt('abc')); // NaN 

Преобразование типов для примитивов

Материал на этой странице устарел, поэтому скрыт из оглавления сайта.

Более новая информация по этой теме находится на странице https://learn.javascript.ru/type-conversions.

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

Всего есть три преобразования:

1. Строковое преобразование.
2. Численное преобразование.
3. Преобразование к логическому значению.

Эта глава описывает преобразование только примитивных значений, объекты разбираются далее.

Строковое преобразование

Строковое преобразование происходит, когда требуется представление чего-либо в виде строки. Например, его производит функция alert .

var a = true; alert( a ); // "true"

Можно также осуществить преобразование явным вызовом String(val) :

alert( String(null) === "null" ); // true

Как видно из примеров выше, преобразование происходит наиболее очевидным способом, «как есть»: false становится «false» , null – «null» , undefined – «undefined» и т.п.

Также для явного преобразования применяется оператор «+» , у которого один из аргументов строка. В этом случае он приводит к строке и другой аргумент, например:

alert( true + "test" ); // "truetest" alert( "123" + undefined ); // "123undefined"

Численное преобразование

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

Для преобразования к числу в явном виде можно вызвать Number(val) , либо, что короче, поставить перед выражением унарный плюс «+» :

var a = +"123"; // 123 var a = Number("123"); // 123, тот же эффект

// после обрезания пробельных символов останется "123" alert( +" \n 123 \n \n" ); // 123

alert( +true ); // 1 alert( +false ); // 0

alert( "\n0 " == 0 ); // true

alert( "\n" == false ); alert( "1" == true );

Специальные значения

Посмотрим на поведение специальных значений более внимательно.

Интуитивно, значения null/undefined ассоциируются с нулём, но при преобразованиях ведут себя иначе.

Специальные значения преобразуются к числу так:

Это ведёт к забавным последствиям.

Например, null не подчиняется законам математики – он «больше либо равен нулю»: null>=0 , но не больше и не равен:

alert( null >= 0 ); // true, т.к. null преобразуется к 0 alert( null > 0 ); // false (не больше), т.к. null преобразуется к 0 alert( null == 0 ); // false (и не равен!), т.к. == рассматривает null особо.

Значение undefined вообще «несравнимо»:

alert( undefined > 0 ); // false, т.к. undefined -> NaN alert( undefined == 0 ); // false, т.к. это undefined (без преобразования) alert( undefined < 0 ); // false, т.к. undefined ->NaN

Для более очевидной работы кода и во избежание ошибок лучше не давать специальным значениям участвовать в сравнениях > >= <

alert( !!"0" ); // true alert( !!" " ); // любые непустые строки, даже из пробелов - true!

alert( 0 == "\n0\n" ); // true

if ("\n0\n")