Arrays y programación funcional en JavaScript

Autor: | Última modificación: 28 de julio de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

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.

¿Cuál es el siguiente paso?

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!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso! 

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!