5 Situaciones en donde los Métodos para Manipular Arrays en Javascript nos Ayudan

Nube Colectiva

hace 6 años

En esta página:

Es muy habitual el trabajo con Arreglos o Arrays en Javascript, hay veces que tenemos que acceder a dichos valores de estos, pero necesitamos conocer los métodos que nos brinda Javascript, en este artículo te mostraremos a como acceder e interactuar con Arrays en Javascript.

Vamos a detallar los métodos que nos ofrece Javascript para interactuar con Arrays a continuación:

Torta de Chocolate

Método: .map()

Este método nos crea un nuevo array de datos por cada elemento que compone nuestro array, por ejemplo si tenemos ciertos kilos de azúcar para hacer torta de chocolate para cierta cantidad de personas, pero se nos pide que solo usemos la mitad de azúcar, tenemos que sacar cual es la mitad de azúcar que debemos emplear para preparar la torta, leemos los elementos del array con el método .map() y luego le pasamos la función Dividir() que contiene una división que debe realizar


var kilosazucar = [3, 6, 9, 12];
var cantidadmitad = kilosazucar.map(Dividir);

document.getElementById("contenedor").innerHTML = cantidadmitad;

function Dividir(valor) {
    return " " + valor / 2 +" Kg" ;
}

// Obtenemos la mitad de Azucar en Kgs
1.5 Kg, 3 Kg, 4.5 Kg, 6 Kg

var kilosazucar = [3, 6, 9, 12];

var cantidadmitad = kilosazucar.map(Dividir);

document.getElementById("contenedor").innerHTML = cantidadmitad;

function Dividir(valor) {

return " " + valor / 2 +" Kg" ;

}

// Obtenemos la mitad de Azucar en Kgs

1.5 Kg, 3 Kg, 4.5 Kg, 6 Kg

Calcular Días de Reuniones

Método: .filter()

Este método nos sirve para analizar y filtrar los datos de un array, estos nuevos datos que obtenemos al ser filtrados, los colocamos en un nuevo array, por ejemplo si en una empresa tenemos 7 días en donde se llevarán reuniones importantes, pero ya llego la quincena y entonces solo necesitamos calcular los días que habrán reuniones a partir del dia 15 en adelante


var diasreunion = [3, 6, 9, 12, 18, 26, 31];
var pasadoquincena = diasreunion.filter(Calcular);

document.getElementById("contenedor").innerHTML = pasadoquincena;

function Calcular(valor) {
    return valor > 15;
}

// Obtenemos los días que habrá reunión a partir del 15
18,26,31

var diasreunion = [3, 6, 9, 12, 18, 26, 31];

var pasadoquincena = diasreunion.filter(Calcular);

document.getElementById("contenedor").innerHTML = pasadoquincena;

function Calcular(valor) {

return valor > 15;

}

// Obtenemos los días que habrá reunión a partir del 15

18,26,31

Sala de Cine

Método: .reduce()

Este método nos ayuda a reducir los elementos de un array, dejándonos un solo valor según la función que le hayamos indicado que deba realizar, por ejemplo si en una sala de cine solo contamos con 30 asientos y a la sala quieren entrar 48 personas entonces debemos calcular a cuantos personas debemos sacar de la sala incluyendo a 2 empleados del cine que solo ingresaron a limpiar la sala de cine


var elementos = [30, 48, 2 ];
var reducir = elementos.reduce(Calcular);

document.getElementById("contenedor").innerHTML = "La cantidad de personas que no entran a la sala del cine son: " + reducir;

function Calcular(total, valor) {
    return total - valor;
}

// Obtenemos
La cantidad de personas que no entran a la sala del cine son: -20

var elementos = [30, 48, 2 ];

var reducir = elementos.reduce(Calcular);

document.getElementById("contenedor").innerHTML = "La cantidad de personas que no entran a la sala del cine son: " + reducir;

function Calcular(total, valor) {

return total - valor;

}

// Obtenemos

La cantidad de personas que no entran a la sala del cine son: -20

Negocio de Dulces

Método: .every()

Con este método verificamos si todos los valores de un array cumplen una condición o función que le hayamos asignado, por ejemplo si tenemos un stock de 4 postres en una dulceria, 23 tortas de chocolate, 31 gelatinas de fresa, 15 pie de manzanas y 18 flans y queremos que nuestro sistema o aplicación nos envíe una notificación cuando el stock este totalmente agotado, es decir con 0 productos


var stock = [23, 31, 15, 18];
var revisar = stock.every(Verificar);

document.getElementById("contenedor").innerHTML = "El Stock de productos esta agotado: " + revisar;

function Verificar(valor) {
    return valor < 1;
}

// Obtenemos
El Stock de productos esta agotado: false

// Pero si nuestro array de stocks de productos es var stock = [0, 0, 0, 0] obtenemos
El Stock de productos esta agotado: true

var stock = [23, 31, 15, 18];

var revisar = stock.every(Verificar);

document.getElementById("contenedor").innerHTML = "El Stock de productos esta agotado: " + revisar;

function Verificar(valor) {

return valor < 1;

}

// Obtenemos

El Stock de productos esta agotado: false

// Pero si nuestro array de stocks de productos es var stock = [0, 0, 0, 0] obtenemos

El Stock de productos esta agotado: true

Selección de Empleados

Método: .some()

Este método nos devuelve un resultado si el array cumple alguna de las condiciones solamente, por ejemplo si el personal a cargo de realizar las entrevistas para el puesto de supervisor de ventas en una empresa, necesita obtener al instante quienes tienen una enfermedad grave luego de que se hicieran el examen médico, usaremos los valores 0 y 1, es decir para una persoan sana le asignaremos 0 y para una persona enferma le asignamos el valor 1


var donantesdesangre = [0, 0, 0, 0, 0];
var verificar = donantesdesangre.some(Revisar);

document.getElementById("contenedor").innerHTML = "Se encontro personas con enfermedad contagiosa: " + verificar;

function Revisar(valor) {
    return valor > 0;
}

// Obtenemos
Se encontro personas con enfermedad contagiosa: false

// Pero si en nuestro array tenemos al menos 1 persona con enfermedad contagiosa donantesdesangre = [0, 0, 1, 0, 0]; entonces Obtenemos
Se encontro personas con enfermedad contagiosa: true

var donantesdesangre = [0, 0, 0, 0, 0];

var verificar = donantesdesangre.some(Revisar);

document.getElementById("contenedor").innerHTML = "Se encontro personas con enfermedad contagiosa: " + verificar;

function Revisar(valor) {

return valor > 0;

}

// Obtenemos

Se encontro personas con enfermedad contagiosa: false

// Pero si en nuestro array tenemos al menos 1 persona con enfermedad contagiosa donantesdesangre = [0, 0, 1, 0, 0]; entonces Obtenemos

Se encontro personas con enfermedad contagiosa: true

Conclusión

Es cierto que existen problemas más complejos cuando quieres manipular arrays de datos en Javascript, en este artículo intentamos darte una base para que puedas empezar e ir escalando poco a poco a problemas más complejos.

Síguenos en las Redes Sociales para que no te pierdas nuestros próximos contenidos.