Coerción de tipos
Parte de la sección Fundamentos del Journey de JavaScript de Coddy. Lección 22 de 77.
La coerción de tipos en JavaScript es la conversión automática de valores de un tipo de datos a otro. Esto puede ocurrir implícitamente en ciertas operaciones o explícitamente cuando utilizas funciones como String(), Number() o Boolean().
La coerción de tipos implícita a menudo ocurre cuando usas el operador de igualdad débil == o cuando realizas operaciones entre diferentes tipos, como sumar un número a una cadena de texto.
Por ejemplo:
let result = 5 + "5";
// Contiene "55", porque el número 5 se convierte implícitamente en la cadena "5" y luego se concatenalet result = true == 1;
// Contiene true, porque el booleano true se convierte implícitamente al número 1La coerción de tipos explícita se puede realizar utilizando funciones integradas:
String(value)convierte un valor en una cadena de texto
Number(value)convierte un valor en un número
Boolean(value)convierte un valor a un booleano
Por ejemplo:
let num = "123";
let str = Number(num) + 7; // Almacena 130
console.log(str); let bool = true;
let numBool = Number(bool); // Contiene 1Comprender la coerción de tipos es crucial para escribir código JavaScript correcto y evitar resultados inesperados.
Desafío
PrincipianteSe te proporciona un código con varias variables de diferentes tipos.
Tu tarea es realizar la coerción de tipos e imprimir los resultados:
- Convierte el número
numa una cadena y almacénalo en una variable llamadaa. - Convierte el booleano
boola un número y almacénalo en una variable llamadab. - Convierte la cadena
stra un número y almacénalo en una variable llamadac. - Realiza una coerción de tipo implícita concatenando
numconstry almacena el resultado en una variable llamadad.
Usa funciones de coerción de tipos explícitas (String(), Number()) para las tres primeras tareas y observa la coerción implícita en la última tarea.
Pruébalo tú mismo
// Variables dadas
let num = 42
let bool = false
let str = "7"
// Escribe tu código debajo
// No cambies la línea de abajo
console.log(`a = ${a}`)
console.log(`b = ${b}`)
console.log(`c = ${c}`)
console.log(`d = ${d}`)Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentos
4Operadores Parte 2
Operadores lógicos Parte 1Operadores lógicos Parte 2Repaso - Lógica simpleOperadores lógicos Parte 3Coerción de tipos7Calculadora para dividir la cuenta
Mensaje de bienvenidaCálculo de la propina y el total10FizzBuzz con un giro
Descripción general del juegoLa función FizzBuzz13Rastreador de lista de compras
Descripción general del proyectoAñadir elemento2Variables
NúmerosStringBooleanConvenciones de nomenclaturaVariables vacíasResumen - Inicializar variablesConstantes5Toma de decisiones
Sentencia IfIf - ElseRepaso - Calculadora simpleIf - Else anidadosSentencia Switch3Operadores Parte 1
Operadores aritméticosOperador móduloAtajos aritméticosOperadores de comparaciónIgualdad estricta vs. débilResumen - Matemáticas simples6E/S Básica
SalidaSalida con variablesConversión de tipos - Parte 1Conversión de tipos - Parte 2Resumen - Hasta 120Resumen - Verdadero o FalsoPractica por tu cuenta: Compilador de JavaScript online