Métodos auxiliares de array en ES6

Array Helper Methods en ES6 (JavaScript) son muy útiles para trabajar con datos almacenados en arrays. La mayoría de las veces, trabajando como desarrollador web, trabajo con datos almacenados en arrays, puede ser una array simple de números o puede ser una array compleja de objetos donde cada objeto contiene una gran cantidad de atributos. Array Helper Methods ayuda mucho a trabajar con arrays. Array Helper Methods se puede usar para tareas complejas con arreglos muy fácilmente y también puede trabajar fácilmente con arreglos complejos de objetos.

forEach(): La función forEach() se usa para iterar a través de todas las entradas de la array.
Ejemplo: Encontrar la suma de todos los números en una array de números.

<script>
let sum = 0;
const numbers = [1, 2, 3, 4, 5];
  
numbers.forEach( (num) => {
  sum = sum + num;
});
  
document.write(sum); // 15
</script>

Producción:

15

map(): El método map() se usa para iterar a través de todas las entradas de la array, las modifica y devuelve una nueva array, pero la array anterior no se manipula.
Ejemplo: Multiplicar cada número del arreglo por 2 y generar un nuevo arreglo.

<script>
const numbers = [1, 2, 3, 4, 5];
  
let double = numbers.map( (num) => {
  
  // Its mandatory to have a
  // return while using map
  return num * 2;
});
  
document.write(double); // [2, 4, 6, 8, 10]
</script>

Producción:

2, 4, 6, 8, 10

Ejemplo: el método map() también se puede usar para extraer atributos de una array de objetos y almacenarlos en otra array.

<script>
const objects = [
    {a:1, b:2},
    {a:3, b:4},
    {a:5, b:6}
];
  
let onlybs = objects.map( (object) => {
    return object.b;
});
  
document.write(onlybs); // [2, 4, 6]
</script>

Producción:

2, 4, 6

filter(): El método filter() se utiliza para recorrer en iteración todas las entradas de la array y filtra las entidades requeridas en otra array.
Ejemplo: Para filtrar todos los objetos donde la bandera es 1.

<script>
let objects = [
    {flag:1, a:1},
    {flag:0, a:2},
    {flag:1, a:3}
];
  
// Use filter() function to
// filter the object
objects.filter((object) => {
  
    if(object.flag === 1) {
          
        // Display the result
        console.log("flag:" + object.flag
                    + ", a:" + object.a);
    }
});
  
</script>

Producción:

flag:1, a:1
flag:1, a:3

find(): El método find() se usa para iterar a través de todas las entradas de la array y devuelve el registro que coincide con una condición particular.
Ejemplo: Para encontrar un objeto donde la bandera es 0.

<script>
let objects = [
    {flag:1, a:1},
    {flag:0, a:2},
    {flag:1, a:3}
];
  
// Use find() function to
// filter the object
objects.find((object) => {
  
    if(object.flag === 0) {
          
        // Display the result
        console.log("flag:" + object.flag
                    + ", a:" + object.a);
    }
});
  
</script>

Producción:

flag:0, a:2

Nota: El método filter() devuelve una array de objetos y el método find() devuelve un único objeto.

Publicación traducida automáticamente

Artículo escrito por Sai Kishan y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *