Conversão de Tipos do JavaScript

Conversão de tipo é uma maneira de converter um tipo de dados em outro tipo de dados.

No JavaScript, os tipos de dados são usados para classificar um tipo de dados específico, determinar os valores que podem ser atribuídos a esse tipo e as operações que podem ser executadas nele.

Tipos de dados JavaScript

No JavaScript, existem5Tipos de dados diferentes que podem conter valores:

• string

• number

• boolean

• object

• function

Existem3Tipos de objetos:

• Object

• Date

• Array

Além disso2Tipos de dados que não podem conter valores:

• null

• undefined

Tipos de operador

O operador typeof pode ajudar você a encontrar o tipo de sua variável.

O operador typeof retorna o tipo de uma variável ou expressão.

typeof ""　　//　Retorna "string"
typeof "Vishal"//　Retorna "string"
typeof "42"//　Retorna "string" (o número entre aspas é uma string)
typeof　42　　//　Retorna "number"
typeof true//　Retorna "boolean"
typeof false　　　//　Retorna "boolean"
typeof undefined　　　//　Retorna "undefined"
typeof null//　Retorna "object"
typeof {name:"Vishal", age:22}　//　Retorna "object"
typeof [2,　4,　6,　8]//　Retorna "object" (não "array")
typeof function myFunc(){}　//　Retorna "function"

Você pode usar o operador typeof para encontrar o tipo de dados de uma variável JavaScript.

Conversão implícita

Como linguagem de programação, o JavaScript é muito tolerante a valores inesperados. Portanto, o JavaScript tentará converter valores inesperados, em vez de rejeitá-los diretamente. Esta conversão implícita é chamada de coerção de tipo.

Por exemplo, em operações matemáticas, os valores são automaticamente convertidos em números.

Mas, nem sempre os resultados são os que você espera:

"3"　+　2//　Retorna "32"　　(porque22,
"3"　-　2//　retorna　1　(porque“3”é convertido para3)
"3"　*　"2"　　//　retorna　6　(porque　"3"　e　"2"　é convertido para　3　e　2)
2　+　true　　　//　retorna　3　(porque　true　é convertido para　1)
2　+　false　　//　retorna　2　(porque　false　é convertido para　0)
2　+　null　　　//　retorna　2　(porque　null　é convertido para　0)
"2"　+　null　//　Retorna "2"null"　(porque　null　é convertido para　"null")

Em alguns casos, precisamos converter explicitamente um valor de um tipo de dados para outro.

JavaScript oferece várias métodos diferentes para executar tais tarefas de conversão de tipo de dados.

Nas próximas seções, discutiremos detalhadamente esses métodos.

Convertendo valor para string

Podemos chamarString()Função oux.toString()Convertendo explicitamente o valor para string.

Pelo métodoString()Função, onde vamos converter o valortruePassar para os parâmetros, convertendo assim o valor booleano para string:

String(true);//　Retorna "true"

Além disso, podemos passar um número para a função:

String(108);//　Retorna "108"

Podemos usar o operador typeof para verificar o tipo:

typeof String(true);//　Retorna "string"
typeof String(108);　//　Retorna "string"

Também podemos usar de maneira semelhantex.toString()Método. Podemos substituir x por uma variável:

let　temp　=　108;
temp.toString();

Ou, podemos colocar o valor entre parênteses em vez de usar x.toString() para configurar a variável:

(9048).toString();//　Retorna "9048"
(false).toString();　　　//　Retorna "false"
(50　+　20).toString();　//　Retorna "70"

UsandoString()oux.toString()Podemos converter explicitamente valores de tipos Boolean ou number para valores de string para garantir que nosso código funcione conforme esperado.

Converter valor para número

Quando convertimos valores para o tipo de dados número, usaremosNumber()Função.

Primeiro, convertiremos a string de texto numérico para número, mas também podemos converter valores booleanos.

Podemos passar uma string numérica paraNumber()Função:

Number("1992");//　retorna　1992

Também podemos atribuir uma string a uma variável e depois convertê-la:

let　debt　=　"3500";
Number(debt);　//　retorna　3500

Strings de espaço vazio ou strings vazias serão convertidas para 0 (zero):

Number("　");//　retorna 0
Number("");　//　retorna 0

　 　 Atenção, strings não numéricas serão convertidas para NaN, NaN representaNão numéricoIsto inclui números separados por espaços:

Number("seventy");　　　//　retorna NaN
Number("Hello　world");　　　//　retorna NaN
Number("12,000");//　retorna NaN
Number("5　7");　　　//　retorna NaN
Number("26-11-2008");//　retorna NaN

Para o tipo de dados booleano,falseo valor é0,trueo valor é1:

Number(false);　　//　retorna 0
Number(true);　　　//　retorna　1

se o parâmetro é um objeto Date, entãoNumber()A função retorna o número de milissegundos desde o UTC 1970 anos1mês1milissegundos desde a meia-noite do dia:

Number(new Date());

EsteNumber()A função converte tipos de dados não numéricos em números.

Converter valores em booleanos

Para converter números ou strings em valores booleanos, use a função Boolean().

Qualquer valor interpretado como vazio (por exemplo, número 0, string vazia ou valores undefined ou NaN ou null) é convertido emfalse:

Boolean(0);　//　Retorna false
Boolean("");//　Retorna false
Boolean(undefined);　//　Retorna false
Boolean(NaN);　　　//　Retorna false
Boolean(null);　　//　Retorna false

Outros valores são convertidos emtrueinclusive strings de texto compostas por espaços:

Boolean(50);　//　Retorna true
Boolean(-50);//　Retorna true
Boolean(3.14);　　　//　Retorna true
Boolean("false");//　Retorna true
Boolean("Hello　World");　　//　Retorna true

Atenção, "0" como texto de string é convertido paratrue,porque é um valor de string não vazio:

Boolean("0");　　　//　Retorna true

Converter números e strings em valores booleanos nos permite avaliar dados dentro de termos binários e utilizá-los para especificar fluxos em programas.

Converter array em string

toString()Este método converte o array em uma string de valores (separados por vírgulas).

var　months　=　["Jan",　"Feb",　"Mar",　"Apr",　"May"];
document.getElementById("result").innerHTML = months.toString();

join()também converte todos os elementos do array em uma nova string.

Este método se comporta de maneira semelhante atoString()mas você também pode especificar o delimitador.

var　fruits　=　["Banana",　"Apple",　"Mango"];
fruits.join("　+　");　　　//　Banana　+　Apple　+　Mango
fruits.join("　/　");　　　//　Banana　/　Apple　/　Mango
fruits.join("　©　");　　//　Banana © Apple © Mango

Quando se espera o valor original, o JavaScript converte automaticamente o array em uma string separada por vírgulas.

Quando você tenta imprimir o array, sempre é assim.

let fruits = ["Apple", "Mango", "Banana", "Orange"];
document.getElementById("result").innerHTML = fruits;

Converter string em array

split()método para dividir a string em um array de substrings e retornar o novo array.

Vamos usarsplit()O método separa o array pelo caractere de espaço em branco representado.

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("　");

Agora estamosarrUm novo array foi adicionado ao variável, podemos usar o índice para acessar cada elemento:

arr[0];　　　//　Air
arr[2];　　　//　is

No seguinte exemplo, usaremos "i" como delimitador:

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("i");

Se usar uma string vazia ("" ) como delimitador, a string será convertida em um array de caracteres:

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("");