Conversión de tipos de JavaScript

La conversión de tipo es un método para convertir un tipo de datos en otro tipo de datos.

En JavaScript, los tipos de datos se utilizan para clasificar un tipo de datos específico, determinar los valores que se pueden asignar a ese tipo y las operaciones que se pueden realizar con él.

Tipos de datos de JavaScript

En JavaScript, hay5Hay diferentes tipos de datos que pueden contener valores:

• string

• number

• boolean

• object

• function

Hay3Tipos de objetos:

• Object

• Date

• Array

Además2Tipos de datos que no pueden contener valores:

• null

• undefined

Tipos de operadores

El operador typeof puede ayudarte a encontrar el tipo de tu variable.

El operador typeof devuelve el tipo de una variable o expresión.

typeof ""　　//　devuelve "cadena"
typeof "Vishal"//　devuelve "cadena"
typeof "42"//　Devuelve "string" (los números entre comillas son cadenas)
typeof　42　　//　Devuelve "number"
typeof true//　Devuelve "boolean"
typeof false　　　//　Devuelve "boolean"
typeof undefined　　　//　Devuelve "undefined"
typeof null//　Devuelve "object"
typeof {name:"Vishal", age:22}　//　Devuelve "object"
typeof [2,　4,　6,　8]//　Devuelve "object" (no "array")
typeof function myFunc(){}　//　Devuelve "function"

Puedes usar el operador typeof para encontrar el tipo de datos de una variable de JavaScript.

Conversión implícita

Como lenguaje de programación, JavaScript es muy tolerante con valores inesperados. Por lo tanto, JavaScript intentará convertir valores inesperados en lugar de rechazarlos directamente. Esta conversión implícita se llama coerción de tipo.

Por ejemplo, en operaciones matemáticas, los valores se convierten automáticamente en números.

Pero, los resultados no siempre son los que esperas:

"3"　+　2//　devuelve "32"(porque}}2se convierte en“2"se convierte en
"3"　-　2//　devuelve　1　(porque“3"se convierte en3)
"3"　*　"2"　　//　devuelve　6　(porque　"3"y"2"se convierte en　3　y　2)
2　+　true　　　//　devuelve　3　(porque　true　se convierte en　1)
2　+　false　　//　devuelve　2　(porque　false　se convierte en　0)
2　+　null　　　//　devuelve　2　(porque　null　se convierte en　0)
"2"　+　null　//　devuelve "2"null"　(porque　null　se convierte en　"null")

En algunos casos, necesitamos convertir explícitamente un valor de un tipo de datos a otro.

JavaScript proporciona muchos métodos diferentes para ejecutar tareas de conversión de tipo de datos.

En los siguientes capítulos, discutiremos en detalle estos métodos.

convertir el valor en cadena

podemos llamar aString()Función ox.toString()método convertiremos explícitamente el valor a una cadena.

por esteString()Función, mediante la cual convertiremostruepasándolo como argumento, lo que convierte el valor booleano en una cadena:

String(true);//　devuelve "verdadero"

Además, podemos pasar un número a la función:

String(108);//　devuelve "108"

Podemos usar el operador typeof para verificar el tipo:

typeof String(true);//　devuelve "cadena"
typeof String(108);　//　devuelve "cadena"

También podemos usar de manera similarx.toString()Método. Podemos reemplazar x con una variable:

let temp =　108;
temp.toString();

O, podemos poner el valor entre paréntesis en lugar de usar x.toString() para la configuración de la variable:

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

Al usarString()ox.toString()Podemos convertir explícitamente valores de tipos de datos Boolean o number a valores de cadena para asegurarnos de que nuestro código se ejecute como se espera.

Convertir valores en número

Al convertir valores en tipo de datos numéricos, utilizaremosNumber()Función.

Primero, convertiremos la cadena de texto numérica a número, pero también podemos convertir valores booleanos.

Podemos pasar una cadena de número aNumber()Función:

Number("1992");//　devuelve　1992

También podemos asignar una cadena a una variable y luego convertirla:

let deuda = "3500";
Number(deuda);　//　devuelve　3500

Las cadenas de espacio en blanco o las cadenas vacías se convertirán en 0 (cero):

Number("　");//　devuelve 0
Number("");　//　devuelve 0

　 　 Nota, las cadenas no numéricas se convertirán en NaN, NaN representaNo númerosEsto incluye números separados por espacios:

Number("setenta");　　　//　devuelve NaN
Number("Hola mundo");　　　//　devuelve NaN
Number("12,000");//　devuelve NaN
Number("5　7");　　　//　devuelve NaN
Number("26-11-2008");//　devuelve NaN

Para el tipo de datos booleano,falseel valor es0,trueel valor es1:

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

si el parámetro es un objeto Date, entoncesNumber()La función devuelve la cantidad de milisegundos desde 1970 años1mes1milisegundos desde la medianoche del día:

Number(new　Date());

EsteNumber()La función convierte tipos de datos no numéricos en números.

Convertir valores a valores booleanos

Para convertir números o cadenas a valores booleanos, utilice la función Boolean().

Cualquier valor interpretado como vacío (por ejemplo, el número 0, una cadena vacía o valores como undefined, NaN o null) se convierte enfalse:

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

Otros valores se convierten entrueincluyendo cadenas de texto que contienen espacios:

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

NOTA: "0" como texto de cadena se convierte entrue,porque es un valor de cadena no vacío:

Boolean("0");　　　//　devuelve true

Convertir números y cadenas a valores booleanos nos permite evaluar datos dentro de términos binarios y utilizarlos para especificar flujos en el programa.

Convertir el array en una cadena

toString()Este método convierte el array en una cadena de valores de array (separados por comas).

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

join()Este método también convierte todos los elementos del array en una nueva cadena.

El comportamiento de este método es similar atoString()pero también puede especificar el separador.

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

Cuando se espera el valor original, JavaScript convierte automáticamente el array en una cadena separada por comas.

Siempre es así cuando intentas imprimir un array.

let frutas = ["Manzana", "Mango", "Plátano", "Naranja"];
document.getElementById("result").innerHTML = frutas;

Convertir cadena en array

split()método para dividir la cadena en un array de subcadenas y devolver el nuevo array.

Vamos a usarsplit()El método separa el array por el carácter de espacio en blanco representado por " ".

var str = 'Contaminación del aire es la introducción de sustancias químicas a la atmósfera.';
var arr = str.split("　");

Ahora estamos enarrSe ha añadido un nuevo array a la variable, podemos acceder a cada elemento utilizando el número de índice:

arr[0];　　　//　Aire
arr[2];　　　//　es

En el siguiente ejemplo, utilizaremos "i" como separador:

var str = 'Contaminación del aire es la introducción de sustancias químicas a la atmósfera.';
var arr = str.split("i");

Si se utiliza una cadena vacía ("" ) como separador, la cadena se convertirá en un array de caracteres:

var str = 'Contaminación del aire es la introducción de sustancias químicas a la atmósfera.';
var arr = str.split("");