Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso profesional de JavaScript!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso profesional de JavaScript

Video Operaciones funcionales con arreglos

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

En versiones modernas de javaScript, los arreglos poseen una serie de métodos que nos permiten realizar operaciones para, recorrerlos, inspeccionarlos, o modificarlos.

Estas operaciones se introducen en la revisión de 2009 del lenguaje, conocida como ES5. ES5 es una de las revisiones más importantes que se han hecho al lenguaje, en parte por la introducción de estas operaciones.

Lo que tienen en común las operaciones forEach, map, reduce, filter y find, es que son métodos que puedes usar en cualquiera arreglo, y que operan a través de funciones que enviamos como argumento para estos métodos, la sintaxis la iremos destacando en vídeos individuales para cada operación.

Este tipo de trabajo adopta prácticas del paradigma de programación funcional, en el que la mayoría del código se estructura a través del uso de funciones.

El uso de las operaciones que verás en los próximos temas normalmente reduce la complejidad y lo verboso del código, es decir, lo hace más sencillo de comprender y reduce la cantidad de líneas que debes escribir para realizar una operación.

Es importante aclarar que un bloque de código no es mejor cuando es más pequeño que otro, cuando programamos debemos buscar que el código sea comprensible, no corto. Para evaluar este aspecto veamos las siguientes operaciones, ambas realizan lo mismo utilizando diferentes enfoques:

for(let i = 0;i < arreglo.length; i++){
   let element = arreglo[i];
   console.log(element);
}

arreglo.forEach(function(element){ console.log(element) });

En este escenario, además de que usar un método del arreglo hace el código más corto, e incluso lo puede resumir en una sola línea, también es más expresivo, forEach nos da un indicio de que hace el código, para cada uno de los elementos.

Veamos en los siguientes temas más detalles de cómo funcionan estas operaciones funcionals sobre arreglos.

  • Módulo 1 | 10 clases

    Introducción

    expand_more
    • play_circle_outline

      Clase 1

      Presentación del curso de JavaScript

    • play_circle_outline

      Clase 2

      Acerca del lenguaje

    • play_circle_outline

      Clase 3

      Qué cubriremos en este curso

    • play_circle_outline

      Clase 4

      Qué hay de nuevo en esta actualización del curso

    • play_circle_outline

      Clase 5

      Cómo ejecutar código de JavaScript

    • play_circle_outline

      Clase 6

      Editor de texto y archivos de javaScript

    • play_circle_outline

      Clase 7

      Dónde puedo investigar más

    • play_circle_outline

      Clase 8

      Configurar el entorno de trabajo

    • play_circle_outline

      Clase 9

      Imprimir mensajes

    • play_circle_outline

      Clase 10

      Recibir datos

  • Módulo 2 | 13 clases

    Conceptos básicos

    expand_more
    • play_circle_outline

      Clase 1

      Cómo es el lenguaje técnicamente

    • play_circle_outline

      Clase 2

      Qué son las variables y las constantes

    • play_circle_outline

      Clase 3

      Variables y constantes en javaScript

    • play_circle_outline

      Clase 4

      Números y operaciones aritméticas

    • play_circle_outline

      Clase 5

      Tipos de datos

    • play_circle_outline

      Clase 6

      Coerción de tipos

    • play_circle_outline

      Clase 7

      Booleanos

    • play_circle_outline

      Clase 8

      Truthy y Falsy

    • play_circle_outline

      Clase 9

      Operadores de comparación

    • play_circle_outline

      Clase 10

      Operadores lógicos

    • play_circle_outline

      Clase 11

      Condiciones

    • play_circle_outline

      Clase 12

      Ciclos

    • play_circle_outline

      Clase 13

      undefined, null y NaN

  • Módulo 3 | 8 clases

    Fundamentos de funciones

    expand_more
    • play_circle_outline

      Clase 1

      Introducción a las funciones

    • play_circle_outline

      Clase 2

      El scope o alcance

    • play_circle_outline

      Clase 3

      Alcance de función y de bloque

    • play_circle_outline

      Clase 4

      Argumentos de funciones

    • play_circle_outline

      Clase 5

      Pase por valor y por referencia

    • play_circle_outline

      Clase 6

      Funciones puras

    • play_circle_outline

      Clase 7

      First class objects

    • play_circle_outline

      Clase 8

      Hoisting

  • Módulo 4 | 10 clases

    Arreglos

    expand_more
    • play_circle_outline

      Clase 1

      Arreglos y sus usos

    • play_circle_outline

      Clase 2

      Conceptos básicos de los arreglos

    • play_circle_outline

      Clase 3

      Recorrer un arreglo

    • play_arrow

      Clase 4

      Operaciones funcionales con arreglos

    • play_circle_outline

      Clase 5

      Recorrer un arreglo con forEach

    • play_circle_outline

      Clase 6

      Modificar arreglos con map

    • play_circle_outline

      Clase 7

      Filtrar elementos con filter

    • play_circle_outline

      Clase 8

      Reducir un arreglo a un solo elemento con reduce

    • play_circle_outline

      Clase 9

      Buscar elementos con un arreglo

    • play_circle_outline

      Clase 10

      Spread y rest sintax

  • Módulo 5 | 6 clases

    Objetos y JSON

    expand_more
    • play_circle_outline

      Clase 1

      Qué es la programación orientada a objetos

    • play_circle_outline

      Clase 2

      Declarar un objeto JSON

    • play_circle_outline

      Clase 3

      Shorthand syntax

    • play_circle_outline

      Clase 4

      Duplicar o combinar objetos

    • play_circle_outline

      Clase 5

      Destructuring assignment

    • play_circle_outline

      Clase 6

      Funciones constructoras

  • Módulo 6 | 4 clases

    El contexto

    expand_more
    • play_circle_outline

      Clase 1

      El contexto explicado

    • play_circle_outline

      Clase 2

      Arrow functions

    • play_circle_outline

      Clase 3

      Arrow functions y el contexto

    • play_circle_outline

      Clase 4

      Bind, call, y apply

  • Módulo 7 | 7 clases

    Clases

    expand_more
    • play_circle_outline

      Clase 1

      Definir clases

    • play_circle_outline

      Clase 2

      Definir métodos y propiedades

    • play_circle_outline

      Clase 3

      Alcance de propiedades

    • play_circle_outline

      Clase 4

      Método constructor

    • play_circle_outline

      Clase 5

      Herencia de clases

    • play_circle_outline

      Clase 6

      Métodos accesores

    • play_circle_outline

      Clase 7

      Métodos y propiedades estáticas

  • Módulo 8 | 4 clases

    Prototipos

    expand_more
    • play_circle_outline

      Clase 1

      Programación orientada a prototipos

    • play_circle_outline

      Clase 2

      Conceptos de prototipos

    • play_circle_outline

      Clase 3

      Prototipos en la práctica

    • play_circle_outline

      Clase 4

      Herencia de prototipos

  • Módulo 9 | 8 clases

    Programación asíncrona

    expand_more
    • play_circle_outline

      Clase 1

      Qué es la programación asíncrona

    • play_circle_outline

      Clase 2

      Configuración de node.js

    • play_circle_outline

      Clase 3

      Callbacks

    • play_circle_outline

      Clase 4

      Promesas

    • play_circle_outline

      Clase 5

      Callbacks de las promesas

    • play_circle_outline

      Clase 6

      Crear promesas

    • play_circle_outline

      Clase 7

      Resolver múltiples promesas

    • play_circle_outline

      Clase 8

      Encadenar promesas

  • Módulo 10 | 4 clases

    Funciones asíncronas (async | await)

    expand_more
    • play_circle_outline

      Clase 1

      Funciones asíncronas

    • play_circle_outline

      Clase 2

      Async

    • play_circle_outline

      Clase 3

      Await

    • play_circle_outline

      Clase 4

      Manejar errores en promesas

  • Módulo 11 | 5 clases

    Módulos

    expand_more
    • play_circle_outline

      Clase 1

      Módulos en JavaScript

    • play_circle_outline

      Clase 2

      Por qué son importantes los módulos

    • play_circle_outline

      Clase 3

      Trabajando con módulos

    • play_circle_outline

      Clase 4

      Valores por defecto

    • play_circle_outline

      Clase 5

      ReadOnly imports

  • Módulo 12 | 10 clases

    Generadores e iteradores

    expand_more
    • play_circle_outline

      Clase 1

      Generadores e Iteradores

    • play_circle_outline

      Clase 2

      Iteradores

    • play_circle_outline

      Clase 3

      Generadores

    • play_circle_outline

      Clase 4

      Return en funciones generadoras

    • play_circle_outline

      Clase 5

      Delegar generadores

    • play_circle_outline

      Clase 6

      Dónde se usan los generadores

    • play_circle_outline

      Clase 7

      Símbolos en JavaScript

    • play_circle_outline

      Clase 8

      Manejo de símbolos

    • play_circle_outline

      Clase 9

      Iterables con iteradores

    • play_circle_outline

      Clase 10

      Iterables y generadores

  • Módulo 13 | 11 clases

    Cadenas a fondo

    expand_more
    • play_circle_outline

      Clase 1

      Strings o cadenas

    • play_circle_outline

      Clase 2

      Cómo definir una cadena

    • play_circle_outline

      Clase 3

      Caracteres especiales

    • play_circle_outline

      Clase 4

      Concatenación e interpolación

    • play_circle_outline

      Clase 5

      Comparación de cadenas

    • play_circle_outline

      Clase 6

      Subcadenas y caracteres

    • play_circle_outline

      Clase 7

      Búsqueda

    • play_circle_outline

      Clase 8

      Cadenas y arreglos

    • play_circle_outline

      Clase 9

      Otros métodos de las cadenas

    • play_circle_outline

      Clase 10

      Unicode

    • play_circle_outline

      Clase 11

      Planos unicode

  • Módulo 14 | 7 clases

    Expresiones regulares

    expand_more
    • play_circle_outline

      Clase 1

      Expresiones regulares

    • play_circle_outline

      Clase 2

      Búsqueda con expresiones regulares

    • play_circle_outline

      Clase 3

      Reemplazando patrones

    • play_circle_outline

      Clase 4

      Rangos en regex

    • play_circle_outline

      Clase 5

      Agrupamiento

    • play_circle_outline

      Clase 6

      Cuantificadores

    • play_circle_outline

      Clase 7

      Ejercicio final regex

Operaciones funcionales con arreglos

arrow_back Siguiente arrow_forward
Curso profesional de JavaScript