Conversión de Tipos en JavaScript: Implícita y Explícita

Clase 8 de 55 • Curso de Fundamentos de JavaScript

Resumen

¿Qué es la conversión de tipos en JavaScript?

La conversión de tipos es un concepto fundamental en JavaScript, un lenguaje de programación caracterizado por su flexibilidad y capacidad para adaptarse a diferentes tipos de datos durante la ejecución del código. Este proceso es esencial porque el código que escribimos como seres humanos debe ser traducido para que sea comprensible para el programa de ordenador. JavaScript, un lenguaje interpretado, maneja esta conversión de manera dinámica, lo que significa que decide cómo tratar los tipos de datos sobre la marcha, mientras el código se ejecuta.

¿Cómo funciona JavaScript como lenguaje interpretado?

JavaScript es un ejemplo clásico de un lenguaje interpretado. A diferencia de los lenguajes compilados como C o Swift, donde el código es traducido completamente antes de ejecutarse, JavaScript traduce su código conforme se ejecuta. Esto se asemeja a tener a alguien traduciendo instrucciones a medida que cocinamos, versus tener la receta ya traducida antes de empezar. Este enfoque permite a JavaScript ser altamente flexible, pero también implica que el chequeo de tipos sucede de manera dinámica.

¿Qué significa que JavaScript tenga un "tipado débil"?

El tipado débil es una de las características que distingue a JavaScript. Esto significa que JavaScript permite más flexibilidad al asignar valores a las variables. Por ejemplo, puedes asignar un número a una variable y luego asignar un string al mismo espacio de memoria sin errores. Así, JavaScript maneja situaciones inusuales, como sumar un número y un valor booleano, mediante la conversión implícita de tipos, convirtiendo los valores a un tipo compatible para seguir la ejecución.

const numero = 2;
const booleano = true;
const resultado = numero + booleano; // Esto resulta en 3

En este ejemplo, JavaScript convierte el booleano true a un número 1 para realizar la operación de suma.

¿Cuáles son los tipos de conversión en JavaScript?

JavaScript permite dos tipos de conversión: implícita y explícita.

Conversión implícita: JavaScript realiza automáticamente sin que el programador precise intervención, como en el caso de sumar un número con un booleano.
Conversión explícita: El programador decide convertir manualmente un tipo de dato a otro, por ejemplo, transformando un booleano en un string o en un número.

let booleano = true;
let booleanToString = booleano.toString(); // convierte a "true"
let booleanToNumber = Number(booleano); // convierte a 1

¿Por qué es importante entender la conversión de tipos?

Comprender la conversión de tipos en JavaScript es crucial para evitar errores durante la ejecución, especialmente cuando el lenguaje realiza conversiones implícitas que pueden llevar a resultados inesperados. Saber cuándo y cómo utilizar la conversión explícita te permitirá tener un mayor control sobre cómo se manejan los datos en tus aplicaciones, mejorando la calidad y eficacia de tu código.

La conversión de tipos es un tema importante que obliga a los desarrolladores a ser conscientes de las implicaciones de cómo se manejan los datos en un lenguaje tan dinámico como JavaScript. Dominar este concepto te permitirá navegar con mayor confianza en el mundo del desarrollo web, optimizando tus soluciones y mejorando tu experiencia de codificación. ¡Sigue explorando y perfeccionando tus habilidades!

Andrés Soret Chacin

student•

Conversión de Tipos en JavaScript

La conversión de tipos en JavaScript es fundamental y una característica distintiva del lenguaje.
JavaScript utiliza tanto compiladores como intérpretes para traducir el código escrito por los programadores en un formato que el computador pueda entender.
Los lenguajes de programación se dividen en compilados (e.g., C, C++, Rust, Go, Swift) y los interpretados (e.g., JavaScript, Python, Ruby, PHP).

Lenguajes Compilados vs Interpretados

Lenguajes compilados: El código es traducido antes de la ejecución del programa. Ejemplos: C, C++, Rust, Go, Swift.
Lenguajes interpretados: El código es traducido a medida que se va ejecutando el programa. Ejemplos: JavaScript, Python, Ruby, PHP.

Analogía de Compilador e Intérprete

Compilador: Es como tener una receta de cocina ya traducida.
Intérprete: Es como tener un amigo que traduce la receta en tiempo real mientras cocinamos.

Chequeo de Tipos

En los lenguajes compilados, ocurre un chequeo estático de tipos antes de la ejecución.
En los lenguajes interpretados, ocurre un chequeo dinámico de tipos durante la ejecución del programa.

Tipado Débil en JavaScript

JavaScript permite cambiar el tipo de una variable en tiempo de ejecución.

Ejemplo:

let variable = 2;  // tipo number
variable = "Hola";  // tipo string

Conversión Implícita y Explícita

Conversión implícita: JavaScript convierte los tipos automáticamente durante la ejecución.
Conversión explícita: El programador convierte los tipos manualmente según sea necesario.

Ejemplo de Conversión Implícita

const numero = 2;
const booleano = true;
const resultado = numero + booleano;  // resultado es 3 (número + booleano se convierte a número)
console.log(resultado);  // 3

Ejemplo de Conversión Explícita

const booleano = true;
const stringBooleano = String(booleano);  // convierte booleano a string
console.log(stringBooleano);  // "true"

const numeroString = "123";
const numero = Number(numeroString);  // convierte string a número
console.log(numero);  // 123

Errores Comunes en JavaScript

JavaScript ejecuta el código línea por línea y los errores pueden surgir en tiempo de ejecución.

Ejemplo de un error:

const titulo = 'Mi título;  // falta cerrar comilla simple
console.log(titulo);  // Error: Uncaught SyntaxError: Invalid or unexpected token

Próximos Pasos

Explorar y practicar con conversiones de tipos tanto implícitas como explícitas en JavaScript.
Consultar la documentación oficial de JavaScript para entender mejor cómo y cuándo ocurren las conversiones de tipos.
Implementar ejemplos en tus proyectos para consolidar el conocimiento sobre la conversión de tipos.

Paula Andrea Beltrán Salazar

student•

Aquí al parecer está la clase completa: https://platzi.com/home/clases/8617-javascript-fundamentos/66449-conversion-de-tipos-explicita-e-implicita/

Walter Jalaf

student•

Efectivamente falta la clase en donde explica desde el editor de código.

Les comparto lo que anote de la versión anterior del curso:

/*
 Explicit Type Casting
*/

// Convertir string a entero
const string = '42'
const integer = parseInt(string)
console.log(integer, typeof integer)

// Convertir de string a decimal
const stringDecimal = '3.14'
const decimal = parseFloat(stringDecimal)
console.log(decimal, typeof decimal)

// Convertir de decimal a binario
const binary = '1010'
const decimalBinary = parseInt(binary, 2)
console.log(decimalBinary, typeof decimalBinary)

/*
    Implicit Type Casting   
*/ 
// Sumar string con un entero
const sum = '5' + 3
console.log(sum) // -> 53

// Sumar un string con un booleano
const sumWhitBoolean = '5' + true
console.log(sumWhitBoolean) // --> 5true

// Sumar un entero con un booleano
const sumWhitBooleannumber = 5 + true
console.log(sumWhitBooleannumber) // --> 6

// Sumar un valor nulo con un NaN (Not a Number)
const sumNulls = null + NaN
console.log(sumNulls) // --> NaN

```/\* Explicit Type Casting\*/
// Convertir string a enteroconst string = '42'const integer = parseInt(string)console.log(integer, typeof integer)
// Convertir de string a decimalconst stringDecimal = '3.14'const decimal = parseFloat(stringDecimal)console.log(decimal, typeof decimal)
// Convertir de decimal a binarioconst binary = '1010'const decimalBinary = parseInt(binary, 2)console.log(decimalBinary, typeof decimalBinary)
/\*    Implicit Type Casting   \*/ // Sumar string con un enteroconst sum = '5' + 3console.log(sum) // -> 53
// Sumar un string con un booleanoconst sumWhitBoolean = '5' + trueconsole.log(sumWhitBoolean) // --> 5true
// Sumar un entero con un booleanoconst sumWhitBooleannumber = 5 + trueconsole.log(sumWhitBooleannumber) // --> 6
// Sumar un valor nulo con un NaN (Not a Number)const sumNulls = null + NaNconsole.log(sumNulls) // --> NaN

LEONARDO RAMOS ARIRAMA

student•

por favor falta la clase que anuncia en este video.

Smith F

student•

¿cómo más reclamamos esto? dos meses después y no lo han arreglado, es obvio que nadie a cargo del curso lee los comentarios,

platzi debe agregar un botón de "reportar error" que le genere una alerta al admin o moderador de turno

Pablo Luna Guzmán

student•

Hola Smith, siempre puedes mandar un email al equipo via team@platzi.com, allí siempre te contestan, por lo general muy rápidamente, y revisan los reportes que haces

Alejandro Martinez

student•

Les traigo un aporte de una pagina web donde encontre información de la conversión:

Conversión de tipos

En JavaScript existen dos tipos de coacción:

Explícita: Es cuando convertimos un valor a otro de manera apropiada (String, Number, etc)
Implícita: Cuando se convierten los valores de manera “automática”, y comúnmente es cuando aplicamos los operadores de valores diferentes (true + false, “hola” + 2 + 3, etc), y también cuando aplicamos if(value) {}, donde se hace coacción es el valor a un booleano.

Sin importar si es explícita o implícita la coerción, así sean primitivos u objetos, SIEMPRE se van a convertir en los siguientes 3 tipos:

Cadena (string)
Booleano (boolean)
Numérico (Number)

Cadena (string)

Para hacer coerción explícita debemos usar String() y para aplicar la coerción implícita es usando el operador +

Booleano (boolean)

Para hacer coerción explícita debemos usar Boolean() y para aplicar la coerción implícita es usando los operadores lógicos ||, &&, !.

Numérico (number)

Para hacer coerción explícita debemos usar Number() y para aplicar la coerción implícita tenemos que tomar en cuenta el operador:

Operadores de comparación (>, <, <=, >=)
Operadores bitwise (|, &, ^, ~)
Operadores aritméticos (-, +, *, /, %), el operador + no activa la conversión numérica cuando es una cadena (el resultado lo concatena)
Operador de igualdad flexible (==, !=), == no aplica la conversión numérica cuando ambos son cadenas.

Edwin Adrian Ramirez Cruz

student•

en el video dice que convercion explicita aplica para string number y boolean

Enrique Vidales Ripoll

student•

Al parecer esta clase quedo incompleta... solo presenta el punto teórico y anuncia al final que se va a ver su operación en código, pero salta el nuevo video secuencial a otro tema.

Error de continuidad

Pablo Luna Guzmán

student•

Hola Enrique! En efecto como lo mencionas falta contenido, he comentado esto al equipo via email, de momento puedes ver la versión anterior de este curso donde se toca el tema

Adjuntaré mis apuntes para esa lección faltante en la sección de comentarios más tarde :D

Manuel Andres Blanco Clavijo

student••

El problema de Javascript es que es un lenguaje de tipado dinamico o debilmente tipado, es decir, que realiza conversiones de tipos de datos automaticamente (implícitos) produciendo a veces errores o resultados inesperados o poco seguros, por eso se hace necesario y casi que obligatorio al dia hoy, octubre de 2025, conocer y utilizarTYPESCRIPT que es un superset de Javascript que agrega tipado estatico y mejoras en las caracteristicas de lenguaje orientado a objetos (POO).

Moises Hernandez

student•

JavaScript es un lenguaje de programación que es tanto interpretado como compilado, utilizando un proceso de compilación Just-In-Time (JIT) para lograr un mejor rendimiento. Esto significa que el motor de JavaScript que ejecuta el código en el navegador primero lo interpreta y luego, si partes del código se usan con frecuencia, las compila a código máquina.

¿Por qué la confusión?

Tradicionalmente, JavaScript se consideraba puramente interpretado, ya que el código se ejecuta línea por línea en el navegador sin necesidad de un paso de compilación previo. Sin embargo, esta es una simplificación.

¿Cómo funciona realmente?

1. Interpretación: Inicialmente, el código JavaScript se interpreta y se ejecuta a medida que se va descargando.
2. Compilación JIT: El motor de JavaScript, al detectar que ciertas partes del código se invocan repetidamente (como en un bucle), las compila en código máquina.
3. Optimización: Esta compilación JIT optimiza el código para mejorar significativamente el rendimiento, lo que hace que JavaScript sea más rápido.

En resumen:

JavaScript no es uno u otro de forma exclusiva, sino que es una combinación de ambos procesos. La fase de compilación JIT es crucial para su funcionamiento actual, aunque la ejecución comienza de manera interpretada.

Robinson Daniel Mendoza Campo

student•

Type casting and coercion are two concepts related to handling data types in programming.

Type Casting: This is an explicit conversion from one data type to another, where the programmer specifies how the conversion should occur. For example, converting a string to a number using a specific function.

Coercion: This is an implicit conversion performed automatically by the programming language. For instance, in JavaScript, when adding a number and a string, the number is coerced into a string, resulting in concatenation.

JavaScript uses dynamic typing, allowing both coercion and type casting, which is essential when dealing with variables of different types.

Calvin Rafael Bobadilla Fernandez

student•

Como han dicho por aca, aparentemente hay un error de continuidad con la clase. Sin embargo por si les es util, estos eran mis apuntes de esta clase, en lo que lo solucionan.

Emilio Flor

student•

El resultado que se ve en el min 3:44 console.log(numero + booleano) // 3

se debe a un concepto clave de JavaScript llamado coerción de tipos que es la conversión automática de un tipo de dato a otro para poder completar una operación.

pasa lo mismo cuando por ejemplo sumamos:

let numero = 45; let otroNumero= "45";

console.log(numero + otroNumero) //imprime 4545

como no puede sumar el número con letras hace la coerción y convierte el tipo de dato number a string y concatena.

Pero ¿por qué da 3 y no otro número en el ejemplo? Si nos basaramos en un principio tan básico como la lógica binaria o la electrónica digital encontramos que:

0 = false (apagado) 1= true (encendido)

por consencuencia cualquier number al que sumes true te dara number +1 y si pruebas sumar con false será number + 0

Maria Jose Pacha Chichande

student•

Anteriormente había estudiado Python me emociona ver las diferencias que existen entre lenguajes, gracias por sus conocimientos

Jesús Patricio Pereira Matus

student•

una forma de recordar cual es la diferencia entre implicita y explicita es la siguiente que la tome yo xd implicita puede venir de improvisar que quiere decir que el lenguaje improvisa para saber que hacer con los tipos de datos y en explicito podriamos decir que nosotros como programador explicamos que va a pasar con un dato en especifico

Eduardo Enrique Morales Martínez

student•

Hace lo que le da la gana JavaScript

David Elias Gatica Morales

student•

y aqui la razon de utilizar TypeScript

Edwin Adrian Ramirez Cruz

student•

En JavaScript, la coerción de tipos es el proceso en el que el lenguaje convierte automáticamente un valor de un tipo a otro. Esto sucede, por ejemplo, cuando sumas un número y una cadena de texto; JavaScript convierte el número en una cadena para poder realizar la operación.

Por otro lado, la conversión de tipos es cuando tú, como programador, decides convertir explícitamente un valor de un tipo a otro. Esto lo haces usando funciones como String(), Number(), o Boolean()

David Elias Gatica Morales

student•

C# es un lenguaje de programación de tipado estático y fuerte. Esto significa que el tipo de cada variable debe ser declarado explícitamente al momento de su creación y no puede cambiar a lo largo de la ejecución del programa. A diferencia de JavaScript, que tiene un tipado dinámico y débil, donde los tipos de datos pueden cambiar y ser convertidos implícitamente. C# se utiliza comúnmente para desarrollar aplicaciones de escritorio, web y móviles, ofreciendo un control más estricto sobre los tipos de datos, lo que puede ayudar a prevenir errores en tiempo de ejecución.

David Elias Gatica Morales

student•

Java que tipo de lenguaje sería

Angelo Adrian Quintero Ciprian

student•

En JavaScript, al convertir un número de binario a decimal, se utiliza parseInt con una base especificada. En este caso, la base 2 indica que el número que se está convirtiendo está en sistema binario. Esto es crucial porque parseInt necesita saber en qué sistema numérico está representado el número original para realizar la conversión correctamente. Si se omite la base, parseInt asumirá la base 10 por defecto, lo que daría lugar a un resultado incorrecto.

Cristhian Alexis Vera Sandoval

student•

Muchas gracias Estefany como siempre tus clases son increibles en serio comparto el reto del ejercicio

Paola Lorena Fraticola

student•

//explicita Explicit type casting

const string = '42'

const integer = parseInt(string) //parseInt convierte literal a numero entero. String es una secuencia de caracteres para representar texto.

console.log(integer)

console.log(typeof integer)

let numero = 5.6789;

console.log(numero.toFixed(2)); // "5.68"

console.log(Math.floor(numero)); // 5 redondeo hacia abajo

console.log(Math.ceil(numero)); // 6 redondeo hacia arriba

console.log(Math.round(4.7)); // Devuelve 5 redondea hacia el mas cercano.

//float tambien se usa para numero decimal

const stringDecimal = '3.14' //las comillas hacen que sea literal no numero

const float = parseFloat(stringDecimal) //convierte cadena de texto a numero decimal.

console.log(float)

console.log(typeof float) //que nos diga que tipo de string es

const binary = '1010' //trabajamos numeros binarios

const decimal = parseInt(binary, 2)

console.log(decimal)

console.log(typeof decimal)

//Implicit type Casting

const suma = '5' + 3 //concatena los dos numeros, no suma sino los une

console.log(suma)

//si queremos sumar un string con un booleano, tambien los junta no suma.

const sumaConBooleano = '5' + true

console.log(sumaConBooleano)

const sumaConNumybooleano = 3 + true

console.log(sumaConNumybooleano)

const sumaConNumybooleanof = 3 + false //igual suma

console.log(sumaConNumybooleanof)

console.log('--------------------------------')

const stringValor = '10'

console.log (stringValor)

const numeroValor = 10

console.log (numeroValor)

const valorBooleano = true

console.log (valorBooleano)

console.log('--------------------------------')

console.log('Veamos los resultados: partiendo de stringValor ')

console.log(stringValor + stringValor) //cuando haya string siempre va a concatenar

console.log(stringValor + numeroValor) //cuando haya string siempre va a concatenar

console.log(stringValor + valorBooleano) //cuando haya string siempre va a concatenar

console.log('Veamos los resultados: partiendo de numeroValor ')

console.log(numeroValor + stringValor)//cuando haya string siempre va a concatenar

console.log(numeroValor + numeroValor)//aca suma no hay string

console.log(numeroValor + valorBooleano) //aca suma no hay string

console.log('Veamos los resultados: partiendo de valorBooleano ')

console.log(valorBooleano + stringValor)//cuando haya string siempre va a concatenar

console.log(valorBooleano + numeroValor) //aca suma no hay string

console.log(valorBooleano + valorBooleano) //aca suma no hay string