Menu
Coddy logo textTech

Conversión de tipos - Parte 1

Parte de la sección Fundamentos del Journey de JavaScript de Coddy — lección 30 de 77.

Para convertir entre diferentes tipos de datos en JavaScript, necesitamos usar la conversión de tipos.

JavaScript admite tanto la conversión de tipos implícita como la explícita. Centrémonos en los métodos de conversión explícita más comunes, parte 1:

parseInt y parseFloat

// Conversión de String a Number usando parseInt y parseFloat
let str = "42";
let num1 = parseInt(str);    // Convierte a entero
let num2 = parseFloat("42.5");  // Convierte a punto flotante

console.log(num1);  // Salida: 42
console.log(num2);  // Salida: 42.5

Si la cadena contiene un número no válido, estas funciones se comportan de manera diferente:

console.log(parseInt("5ab"));   // Salida: 5 (analiza hasta el carácter no válido)
console.log(parseFloat("5.2xyz")); // Salida: 5.2 (analiza hasta el carácter no válido)

Es importante usar el tipo correcto porque puede afectar el resultado.

Concatenar dos cadenas: "5" + "5" == "55"

Sumar dos números: 5 + 5 == 10

Comprender la conversión de tipos es esencial para escribir código JavaScript confiable y evitar resultados inesperados en sus programas.

challenge icon

Desafío

Principiante

Dadas dos cadenas var1 y var2.

Conviértelas a float e imprime la multiplicación de ambas.

Hoja de referencia

JavaScript admite la conversión de tipos explícita mediante parseInt() y parseFloat():

let str = "42";
let num1 = parseInt(str);        // Convierte a entero: 42
let num2 = parseFloat("42.5");   // Convierte a punto flotante: 42.5

Estas funciones analizan hasta que encuentran un carácter no válido:

parseInt("5ab");      // Devuelve: 5
parseFloat("5.2xyz"); // Devuelve: 5.2

La conversión de tipos es importante porque los diferentes tipos de datos se comportan de manera distinta:

  • Concatenación de cadenas: "5" + "5" == "55"
  • Suma de números: 5 + 5 == 10

Pruébalo tú mismo

let var1 = inp[0] // No cambies esta línea
let var2 = inp[1] // No cambies esta línea

// Escribe el código a continuación
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Fundamentos