Lección 9 de 13 · Lectura y práctica
Conversion de tipos
Convirtiendo entre tipos de datos A veces necesitas convertir un tipo de dato a otro. JavaScript ofrece varias formas de hacerlo. Conversion a String const numero = 42; const booleano = true; // Metodo 1: String().
Del concepto a la práctica
Taller de esta lección
Los formularios entregan cadenas, incluso cuando el usuario escribe una cantidad. La conversión debe estar acompañada por una comprobación para distinguir 0, un número válido, una cadena vacía y un texto que no representa ningún número. Number es útil cuando quieres aceptar solo la cadena completa como número.
Ejemplo resuelto
function leerMinutos(entrada) {
const texto = entrada.trim();
if (texto === "") return null;
const valor = Number(texto);
return Number.isFinite(valor) && valor >= 0 ? valor : null;
}
console.log(leerMinutos(" 0 "), leerMinutos("12"), leerMinutos("12min"));
// 0 12 nullPruébalo
Prueba
""," ","7.5"y"abc".Decide si una duración negativa debe aceptarse.
Conserva
nullpara entradas inválidas.Suma solo los resultados que no sean
null.
Error frecuente: usar Boolean(valor) para validar un número y rechazar accidentalmente el cero. Corrige comprobando finitud y rango de forma explícita.
Comprueba tu resultado
Los valores "0" y " 0 " deben producir el número 0; "7.5", 7.5; y "abc", null. Tanto "" como " " deben devolver null. Ninguna entrada inválida debe entrar en el total.
Esta función admite cero como cantidad numérica válida; una regla del negocio puede exigir minutos estrictamente positivos después. Separar conversión de esa regla evita confundir una entrada vacía con un cero explícito.
Mapa de prácticaUna condición decide qué camino ejecuta el programa. Un bucle repite una operación mientras queden elementos, y termina cuando la lista se agota. Separar ambas ideas ayuda a seguir el flujo y comprobar casos límite.
Ver la infografía en tamaño completo ↗Fuentes para profundizar
Convirtiendo entre tipos de datos
A veces necesitas convertir un tipo de dato a otro. JavaScript ofrece varias formas de hacerlo.
Conversion a String
const numero = 42;
const booleano = true;
// Metodo 1: String()
console.log(String(numero)); // "42"
console.log(String(booleano)); // "true"
// Metodo 2: .toString()
console.log(numero.toString()); // "42"
// Metodo 3: Template literal
console.log(`${numero}`); // "42"Conversion a Number
const textoNumero = "42";
const textoDecimal = "3.14";
const textoInvalido = "hola";
// Metodo 1: Number()
console.log(Number(textoNumero)); // 42
console.log(Number(textoInvalido)); // NaN
// Metodo 2: parseInt() y parseFloat()
console.log(parseInt("42px")); // 42
console.log(parseFloat("3.14abc")); // 3.14
// Metodo 3: Operador +
console.log(+"42"); // 42Conversion a Boolean
// Valores "falsy" (se convierten a false)
console.log(Boolean(0)); // false
console.log(Boolean("")); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean(NaN)); // false
// Valores "truthy" (se convierten a true)
console.log(Boolean(1)); // true
console.log(Boolean("hola")); // true
console.log(Boolean([])); // true
console.log(Boolean({})); // true
// Doble negacion (truco comun)
console.log(!!"hola"); // true
console.log(!!0); // falseCoercion automatica
JavaScript convierte tipos automaticamente en ciertas situaciones:
// String + Number = String
console.log("5" + 3); // "53"
console.log("Edad: " + 25); // "Edad: 25"
// Otros operadores convierten a Number
console.log("5" - 3); // 2
console.log("5" * 3); // 15
console.log("10" / 2); // 5Sigue con JavaScript Fundamentals
Esta lección forma parte de un curso de Cursalo. Revisa su programa y elige entre la compra individual o el acceso a toda la escuela.
Si ya tenías acceso a este curso, entra con tu cuenta: tus derechos y tu progreso se conservan. No necesitas comprarlo de nuevo.