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
12:20 min - 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()
Viendo ahora - 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
Crear copias con slice()
Resumen
¿Cómo tomar una parte específica de un array en JavaScript?
En programación, especialmente en JavaScript, manipular arrays de manera eficiente es esencial. Una herramienta fundamental para esta tarea es el método slice, el cual nos permite extraer porciones específicas de un array, sin modificar el array original. Este método es invaluable cuando se necesita trabajar solo con un subconjunto de datos.
¿Qué es el método slice?
El método slice es un método incorporado en JavaScript que permite copiar una parte de un array sin alterar el array original. Acepta uno o dos parámetros:
- Un parámetro: Indica el inicio de la copia desde esa posición hasta el final del array.
- Dos parámetros: Indica el inicio de la copia y un índice final, que no se incluye en el resultado.
¿Cómo utilizar slice con un solo parámetro?
Supongamos que tenemos un array de animales y deseamos extraer ciertos elementos a partir de un índice específico. Aquí hay un ejemplo de cómo usar slice con un solo parámetro:
const animales = ['hormiga', 'bison', 'camello', 'pato', 'elefante']; console.log(animales.slice(2)); // Resultado: ['camello', 'pato', 'elefante']
En este caso, slice(2) toma todos los elementos desde la posición 2 hasta el final del array.
¿Cómo usar slice con dos parámetros?
Utilizar dos parámetros permite una selección más precisa entre un rango de índices. Por ejemplo, seleccionemos elementos desde el índice 1 hasta el índice 4:
console.log(animales.slice(1, 4)); // Resultado: ['bison', 'camello', 'pato']
Aquí, slice(1, 4) incluye todos los elementos desde la posición 1 a la 3, pues el índice final, 4, no se incluye.
¿Cómo contar desde el final del array?
El método slice también acepta índices negativos, que posibilitan contar desde el final del array, lo cual es muy útil si queremos obtener elementos hacia el final sin conocer la longitud del array:
console.log(animales.slice(-2)); // Resultado: ['pato', 'elefante']
El índice -2 selecciona los dos últimos elementos del array.
¿Y si slice se usa sin parámetros?
Cuando el método slice se utiliza sin parámetros, devuelve una copia idéntica del array original:
console.log(animales.slice()); // Resultado: ['hormiga', 'bison', 'camello', 'pato', 'elefante']
Esto muestra que slice puede duplicar un array, manteniendo la inmutabilidad del original.
¿Por qué escoger slice sobre otras opciones?
El principal beneficio de slice es su capacidad de crear subconjuntos sin modificar el array original, siendo una opción segura para evitar efectos colaterales indeseados en el código. Además, su flexibilidad al manejar índices tanto positivos como negativos proporciona un control preciso sobre la selección de elementos.
En resumen, el método slice es una herramienta poderosa y versátil en el manejo de arrays en JavaScript. Al dominar su uso, se facilita la manipulación segura y eficiente de datos, un aspecto crucial para cualquier desarrollador. El dominio de slice es un paso crucial hacia la eficiencia y elegancia en la programación con JavaScript.