Funciones básicas y fundamentales para mejorar tus skills en JavaScript

Llevo unos meses manejando javascript ya que empecé con desarrollo móvil en react native y venía de lenguajes de programación como java y python por lo que no estaba en ceros y me aventé a aprender el framework con solo las nociones básicas de javascript, pero aprovechando vacaciones de invierno decidí ponerme a estudiar javascript bien para poder mejorar mi calidad de código y lo principal, si ya vienes de otros lenguajes de programación los fundamentos se aprenden en cuestión de un día, pero mientras más avanzaba en react native aprendí que javascript tenía funciones interesantes que no comprendía como se utilizaban del todo y por más básicas que sean siento que no se les toma la suficiente importancia por lo que este blog trata sobre funciones básicas y fundamentales para mejorar tus skills en javascript

Nota: Solo es un resumen sobre las funciones más no se entra a profundidad en estas.

1. forEach(): Este método podemos verlo como una forma de agilizar el típico ciclo for y lo que hace es llamar a la función para cada elemento de un array tal y como está su orden.

1
nombreArray.forEach(function(valorActual, indice, array) { //returna el valor nuevo }, thisValue)

El único valor obligatorio es valorActual y los demás son opcionales, siendo valor actual el nombre de la variable en uso en ese momento.

2. map(): Si se busca map, muchas veces aparecen entradas comparando la función forEach con map ya que trabajan de forma similar pero cada una tiene sus distinciones al igual que sus respectivas ventajas y desventajas. Map se usa para crear un nuevo array desde uno que ya existe aplicando lo que es una función a cada elemento del primer array. 

1
nombreArray.map(function callback(valorActual, indice, array) { //returna el valor nuevo }, thisValue)

Al igual que en la función forEach, el único valor obligatorio es valorActual y los demás son opcionales, siendo valor actual el nombre de la variable en uso en ese momento.

3. filter(): Esta función toma cada elemento en el array y aplica lo que es una condicional en este causando que si la condicional nos retorna true, el elemento se añade al array que va de salida, pero si nos retorna un false, obviamente no lo añade.

1
nombreArray.filter(function callback(valorActual, indice, array){ //returna verdadero o falso }, thisValue)

4. reduce(): En mi opinión es el más complicado de comprender al principio pero se entiende mejor con ejemplos. Así como lo indica su nombre, reduce los valores de un array a un solo valor

1
nombreArray.reduce(callback[, thisValue])


Comentarios

Entradas populares