Contenido del curso
Primeros Pasos
- 5

¡Hola Mundo!
06:13 min - 6

Anatomía de una variable
09:23 min - 7

Tipos de datos: Mutabilidad e inmutabilidad
10:55 min - 8

Paso por valor
11:06 min - 9

Paso por referencia
07:00 min - 10

Creación de strings
11:33 min - 11

Concatenación de strings
08:31 min - 12

Manipulación de strings
12:13 min - 13

Tipo de dato primitivo: number
09:30 min - 14

Conversión a Booleanos
05:08 min - 15

Tipos de datos primitivos: null, undefined, symbol y bigint
07:28 min - 16

Conversión de tipos: Type Casting y Coercion
04:38 min - 17

Conversión de tipos explícita e implícita
Viendo ahora - 18

Proyecto: Crea un perfil para redes sociales con JavaScript
07:23 min
Funciones y This
- 19

Anatomía de una función
11:39 min - 20

Preguntas a Desarrolladores Senior: ¿Por qué aprender Desarrollo Web?
02:11 min - 21

Funciones vs Métodos
10:01 min - 22

Funciones puras e impuras
11:22 min - 23

Identificador this
11:38 min - 24

Métodos bind, call y apply
10:09 min - 25

Funciones flecha y enlace léxico
10:31 min - 26

Implicaciones de duplicar código
03:19 min - 27

Funciones constructoras
10:41 min - 28

10 Tipos de funciones
01:39 min - 29

Objeto window y modo estricto
07:37 min - 30

Tipos de binding
01:11 min - 31

Expresiones vs Sentencias
04:02 min - 32

Proyecto: Crea biografías de personajes con JavaScript
12:51 min
Lógica y ciclos
- 33

Operadores de comparación
06:12 min - 34

Operadores lógicos
04:33 min - 35

Ejecución condicional: if
07:45 min - 36

Proyecto: Adivina el número
09:36 min - 37

Ejecución condicional: ternario
05:24 min - 38

Ejecución condicional: switch
12:08 min - 39

Loop: for
07:31 min - 40

Loop: forEach
03:57 min - 41

Loop: for of
04:26 min - 42

Loop: for in
07:38 min - 43

Loop: while
03:56 min - 44

Loop: do while
03:13 min - 45

Proyecto: Juego adivina la palabra
15:56 min
Fundamentos de arrays y modificación
- 46

Introducción a Arrays
09:09 min - 47

Mutabilidad e inmutabiliad de Arrays
07:56 min - 48

Modificación básica del final con push(), pop()
04:33 min - 49

Ejercicio: Stack de libros
16:03 min - 50

Modificación del principio con shift(), unshift()
10:21 min - 51

Modificación avanzada con splice(), reverse(), sort(), fill()
16:37 min - 52

Proyecto: Juego de cartas
15:37 min - 53

Preguntas a Desarrolladores Senior: Estrategias y métodos de estudio
01:10 min
Iteración de Arrays
- 54

Iteración con map() y forEach()
12:53 min - 55

Filtrado y reducción con filter() y reduce()
11:34 min - 56

Ejercicio: Calificación promedio aprobatoria
05:27 min - 57

Búsqueda de elementos con find() y findIndex()
03:52 min - 58

Ejercicio: Encuentra al ganador de una rifa
11:21 min - 59

Proyecto: Análisis de transacciones
10:55 min - 60

Proyecto: Análisis de transacciones parte 2
08:01 min
Métodos específicos y Operaciones
- 61

Unir y entrelazar con concat(), spread operator y join()
12:05 min - 62

Verificación y evaluación con every() y some()
05:15 min - 63

Métodos de búsqueda con includes(), indexOf() y lastIndexOf()
07:05 min - 64

Ejercicio: Encontrando los índices
11:09 min - 65

Crear copias con slice()
05:28 min - 66

Spread operator: casos de uso
07:11 min
Arrays multidimencionales
Clases y Objetos
- 71

Anatomia de un Objeto
06:48 min - 72

Trabajando con objetos
12:52 min - 73

Función constructora
14:31 min - 74

¿Qué es una clase?
06:17 min - 75

Prototipos y herencias
02:15 min - 76

Herencia en la práctica
15:38 min - 77

Prototipos en la práctica
10:42 min - 78

this en JavaScript
05:36 min - 79

Proyecto: Crea una red social
12:25 min - 80

Proyecto: Crea una red social parte 2
09:00 min
Conversión de tipos explícita e implícita
Resumen
¿Qué es el typecasting en programación?
El typecasting o conversión de tipos es una herramienta poderosa en la programación que permite transformar un tipo de dato en otro. Existen dos formas de realizar esta transformación: de manera explícita e implícita. En este contenido, exploraremos cómo aplicarlas específicamente en JavaScript, donde se presentan características únicas que todo programador debería conocer para evitar sorpresas y optimizar su código.
¿Cómo funciona la conversión explícita de tipos?
La conversión explícita permite transformar directamente un tipo de dato a otro utilizando funciones específicas. Por ejemplo, al tener un número almacenado como string, puedes convertirlo a un número usando funciones como parseInt o parseFloat.
// Convertir un string a un número entero const stringNumero = "42"; const integer = parseInt(stringNumero); console.log(integer); // Imprime 42 console.log(typeof integer); // Imprime 'number' // Convertir un string a un número decimal const stringDecimal = "3.14"; const float = parseFloat(stringDecimal); console.log(float); // Imprime 3.14 console.log(typeof float); // Imprime 'number'
Además de convertir strings a números, puedes convertir de binario a decimal especificando la base:
// Convertir de binario a decimal const binary = "1010"; const decimal = parseInt(binary, 2); console.log(decimal); // Imprime 10
¿Qué es la conversión implícita de tipos?
La conversión implícita ocurre cuando JavaScript, detrás de escena, convierte automáticamente un tipo de dato a otro durante la ejecución de una operación. Esta conversión a menudo lleva a resultados inesperados si no se comprende su funcionamiento.
Ejemplos de conversiones implícitas
JavaScript utiliza el signo + tanto para sumar números como para concatenar strings, lo que puede llevar a confusiones.
// Concatenación implícita de string y número const suma = "5" + 3; console.log(suma); // Imprime '53', no 8, porque concatena // Concatenación implícita de string y boolean const sumaConBoolean = "3" + true; console.log(sumaConBoolean); // Imprime '3true' // Suma implícita de número y boolean const sumaConNumero = 2 + true; console.log(sumaConNumero); // Imprime 3, ya que true se convierte a 1
¿Cómo identificar cuándo JavaScript concatena o suma?
La clave para prever si JavaScript va a sumar o concatenar es analizar la presencia de strings en la operación. Si hay un string, la tendencia es que JavaScript concatene los valores.
// Ejemplos de operaciones y sus resultados const stringValue = "10"; const numberValue = 10; const booleanValue = true; // Concatenaciones console.log(stringValue + stringValue); // '1010' console.log(stringValue + numberValue); // '1010' console.log(stringValue + booleanValue); // '10true' // Sumas console.log(numberValue + numberValue); // 20 console.log(numberValue + booleanValue); // 11 console.log(booleanValue + booleanValue); // 2
Al comprender estas reglas, puedes anticipar cuándo JavaScript realizará concatenaciones o sumas de manera implícita.
¿Cómo puedes evitar sorpresas con typecasting en JavaScript?
Para evitar sorpresas con las conversiones de tipo en JavaScript:
- Sé explícito: cuando trabajes con datos de distintos tipos, considera utilizar conversiones explícitas para controlar los resultados.
- Comprende el contexto: siempre verifica cómo los operadores aritméticos y de concatenación funcionan con tus datos.
- Prueba y analiza: invierte tiempo en entender los resultados mediante pruebas, especialmente con tipos mixtos en tu código.
El conocimiento de las conversiones de tipo en JavaScript te entregará el control necesario para evitar errores inesperados y escribir un código más eficiente y legible. ¡Sigue practicando y explorando!