Arrays y programación funcional en JavaScript

Contenido del Bootcamp Dirigido por: | Última modificación: 1 de abril de 2024 | Tiempo de Lectura: 3 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

En JavaScript, toda variable se comporta como un objeto, ya que es parte de la cadena de prototipos. Esto hace que las variables tengan acceso a muchos métodos que nos permiten cambiar sus características. En este post, veremos cómo utilizar estos métodos en la relación entre arrays y programación funcional en JavaScript.

¿Por qué todo es un objeto?

En nuestro post sobre los objetos de JavaScript, hemos aprendido que siempre que creamos una variable en JavaScript acaba siendo un objeto. Esto sucede porque todos los elementos que creemos, desde un valor común o un string, tienen a disposición distintos métodos. Dentro de estos métodos hemos visto que, por ejemplo, podemos convertir el string a mayúsculas usando el método object.toUpperCase. El hecho de poder tener métodos, sumado a que todo elemento tiene una cadena de prototipos que acaba en el prototipo Object, hace que todas las variables actúen como objetos.

Lo mismo que sucede con un string o un valor puede suceder con nuestros objetos array. Ya que se comportan como objetos globales, los arrays tienen a su disposición una serie de propiedades y métodos. Estos métodos se usan de forma habitual, por lo que se conocen como arrays y programación funcional en JavaScript.

Arrays y programación funcional en JavaScript

La relación entre arrays y programación funcional en JavaScript se crea gracias a la diversidad de métodos que podemos encontrar en este tipo de objeto. La programación funcional es un estilo de programación que favorece la escritura de código con funciones, pues son un recurso que puede ser muy útil en el desarrollo a largo plazo. Por ello, las funciones de arrays, también conocidas como métodos, tienen una gran influencia en este estilo de programación.

A continuación, te enseñaremos algunas de las funciones que tienes a disposición para manipular la lista de elementos que conforma un array.

push ()

Dentro de las funciones que utiliza la programación funcional en JavaScript, esta es probablemente la función más utilizada. Con ella, podemos añadir uno o más elementos al final del array. Basta con escribir la sintaxis array.push (elemento). En otro artículo, hemos utilizado esta función para recorrer arrays con propiedades en un bucle.

concat ()

Esta función nos permite unir el contenido de dos o más arrays. Para ello, deberemos poner el array principal primero, después el comando .concat y, a continuación, los siguientes arrays que queramos añadir. Esto puede hacerse usando los nombres de cada array o sus valores de manera directa.

every ()

Esta función o método nos permite revisar si todos los elementos de un array tienen la misma característica. Para ello, debemos escribir el array seguido del comando .every y luego escribir entre paréntesis la característica que queremos revisar. Esta característica puede ser una operación aritmética, como lo es val < 10. El resultado de esta revisión será true si todos los elementos tienen la característica y false si alguno no la cumple.

fill ()

Esta función crea un paso extra para la función every, pues además de definir si los elementos del array pasan la revisión, esta función crea un nuevo array con los elementos que lo hacen. Por ello, como su nombre indica, esta función es como un filtro para los elementos.

includes ()

Esta función nos ayuda a definir si es verdad o no que un array contiene un valor determinado. Entonces, podemos preguntarle al array siguiente si contiene el valor ‘tomate’ y la función nos dará un resultado true o false.

[‘aguacate’, ‘tomate’, ‘pepino’]. includes (‘tomate’)

// el resultado será verdadero: true

lastindexOf ()

Esta función nos sirve para definir cuál es el último índice en el que se encuentra un elemento. Esto es muy útil cuando tenemos largas cadenas de elementos en nuestro array con valores que se repiten constantemente.

Para conocer más sobre arrays y programación funcional en JavaScript y sobre las distintas funciones que están a disposición en este tipo de elementos, te invitamos a leer este post de Vincent Will. Allí encontrarás de manera detallada lo que hace cada una de estas funciones, pues sus explicaciones contienen ejemplos y sintaxis para cada función.

Ahora que sabes cómo interactúan los arrays y programación funcional en JavaScript, te invitamos a que pruebes estos métodos en las líneas de código de tus propios proyectos. Pero no te angusties, KeepCoding sigue aquí para ayudarte a desarrollar lo que desees. Por ello, te recomendamos ser parte de nuestro Desarrollo Web Full Stack Bootcamp.

En esta formación intensiva, no solo seguirás aprendiendo a dominar los lenguajes de programación para la web, como JavaScript, HTML y CSS, sino que también pondrás en práctica estos conocimientos en los proyectos que crearás con ayuda de nuestros profesores. ¿A qué esperas para dar el siguiente paso? ¡Inscríbete ya!

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado