Objetivos
Conversão e identificação de dados
O básicos sobre os tipos de dados em JavaScript vistos em
JavaScript Básico: Tipos de dados sendo a leitura recomendada.
A linguagem JS possui algumas funções para conversão de dados primitivos Number,
String e Boolean. Nesta parte do tutorial, vamos estudar a conversão
básica entre tipos de dados primitivos.
Além da conversão mencionada, vamos aprender também a identificar o tipo de dado
de uma variável com o operador typeof.
String para Number ou Float
Para a conversão de valores numéricos no formato String para o tipo de dado Number,
utilizamos o construtor Number que recebe um argumento.
Sintaxe
Number(valor_numerico_string);
Exemplo 1
console.log(Number("1.99"));
Saída
1.99
Para a conversão de valores inteiros e float podemos utilizar as funções
parteFloat e parseInt.
Sintaxe
parseFloat(valor_numerico_string);
parseInt(valor_numerico_string);
Exemplo 2
let entrada = "1.99"
let saida = parseFloat("1.99");
console.log(saida);
Saída
1.99
Para conversão de valores númericos Float e Integer para valores no formato
String, utilizamos o construtor String que recebe um valor como argumento.
Sintaxe
String(valor);
Exemplo 3
let a = String(1);
let b = String(1.99);
let c = String(true);
console.log(typeof(a));
console.log(b);
console.log(c);
Exemplo 4
string
1.99
true
Para a conversão de valores booleanos true ou false para Number, utilizamos
o construtor Number como mostrado abaixo:
Sintaxe
Number(valor_numerico);
Exemplo 5
console.log(Number(true));
console.log(Number(false));
Saída
1
0
Para a conversão de valores númericos inteiros como 1 e 0 para Booleano, utilizamos o
construtor Boolean como pode ser visto abaixo:
Sintaxe
Boolean(valor_numerico);
Exemplo 6
console.log(Boolean(1));
console.log(Boolean(0));
Saída
true
false
Identificando tipo de dado
Para a identificação do tipo de dados de variáveis e constantes, a linguagem JS fornece o
operador typeof. Outros operadores
em JS serão vistos em JavaScript Básico: Expressões e
Operadores.
Sintaxe
typeof(valor)
typeof(variavel);
Exemplo 7
console.log(typeof(100));
console.log(typeof(1.99));
console.log(typeof(true));
Saída
number
number
boolean
Number <-> string binária
A conversão de um Number para uma string binária, pode ser feita com a função toString.
Essa, recebe a base 2 como argumento que pode ser visto no exemplo a seguir:
Sintaxe
variavel_number.toString(2)
Exemplo 8
let a=10
let bin = a.toString(2) //1010
let pad = bin.padStart(8,'0') //preenchimento 0000
console.log(pad)
Saída
00001010
Exemplo 9
let a = -15
let bin = (a>>>0).toString(2)
let strbin = bin.substring(bin.length-8,bin.length) //8-bits apenas
console.log(strbin)
Saída
11110001
A conversão oposta a vista acima pode ser feita utilizando a função parseInt já utilizada
nos exemplos anteriores. Essa função recebe o argumento base com valor 2 para conversão binária.
Sintaxe
parseInt(string,2)
Exemplo 10
let bin = '00001010'; //0a
let num = parseInt(bin, 2); //10
console.log(num); //
Saída
10
A conversão de um Number para uma string hexadecimal pode ser feita com a função
toString. Essa, recebe a base 16 como argumento que pode ser visto no exemplo abaixo:
Sintaxe
variavel_number.toString(16)
Exemplo 11
let num = 10
let hexa = num.toString(16) //a
console.log(hexa); //a
Saída
a
A conversão oposta a vista acima pode ser feita utilizando a função parseInt já utilizada nos
exemplos anteriores. Essa função recebe o argumento base com valor 16 para conversão hexadecimal.
Sintaxe
parseInt(string,16)
Exemplo 12
let hex = "0a"; //"0x0a"
let num = parseInt(hex, 16); //10
console.log(num); //
Saída
10
Histórico de atualizações
- 19/12/2025 - revisão 4 - Adição: Number <-> string binária e Number <-> string hexa
- 14/08/2025 - revisão 3 - Ajustes: pontuais, target de links internos, sintaxes e 'Objetivos'
- 26/09/2024 - revisão 2 - Ajustes gramaticais pontuais, outros ajustes
- 05/10/2023 - revisão 1 - Correção em layout, navegação e erros gramaticais
- 31/05/2023 - versão inicial
Os cursos oferecidos nesta página são cursos fornecidos por parceiros. Ao comprar um curso clicando
em seu banner, você está ajudando a manter o projeto TutorialDev vivo. Os sites dos cursos parceiros utilizam cookies.