Métodos de array de JavaScript más conocidos

Una array es una variable especial en todos los idiomas que se utiliza para almacenar diferentes elementos. La array de JavaScript contiene algunas propiedades integradas que todo desarrollador de JavaScript debe saber cómo usarlas y cuándo o dónde usarlas. Podemos usarlos para agregar, eliminar, iterar o manipular datos según nuestros requisitos.

Hay algunos métodos básicos de array de JavaScript que todo desarrollador debería conocer.

1. Método some(): este método verifica si al menos uno de los elementos de la array cumple la condición verificada por la función de argumento.

• Ejemplo:

<script>     // JavaScript to illustrate // lastIndexOf() method function isGreaterThan5(element, index, array) {      return element > 5;  }     function func() {             // Original array      var array = [2, 5, 8, 1, 4];         // Checking for condition in array      var value = array.some(isGreaterThan5);         document.write(value);  }     func();  </script>

• Producción:

  true

2. Método reduce(): El método reduce() de array en JavaScript se utiliza para reducir la array a un solo valor y ejecuta una función proporcionada para cada valor de la array (de izquierda a derecha) y el valor de retorno de la array. función se almacena en un acumulador.

• Ejemplo:

  <script>    // Original array var numbers = [88, 50, 25, 10];     // Performing reduce method var sub = numbers.reduce(geeks);     function geeks(total, num) {     return total - num; }     document.write(sub) </script>

• Producción:

  3

3. Método map(): El método map() en JavaScript crea una array llamando a una función específica en cada elemento presente en la array principal. Es un método no mutante. Generalmente, el método map() se usa para iterar sobre una array y llamar a la función en cada elemento de una array.

• Ejemplo:

  <script>    // Original array var numbers = [4, 9, 16, 25];     // Performing map method var sub = numbers.map(geeks);     function geeks() {     return numbers.map(Math.sqrt); }     document.write(sub) </script>

• Producción:

  2, 3, 4, 5

4. Método every(): este método verifica si todos los elementos de la array cumplen o no la condición dada que proporciona una función que se le pasa como argumento.

• Ejemplo:

  <script>     // JavaScript code for every() function  function ispositive(element, index, array) {      return element > 0;  }      function func() {             var arr = [ 11, 89, 23, 7, 98 ];              // Check for positive number      var value = arr.every(ispositive);             document.write(value);  }     func();  </script>

• Producción:

  true

5. Método flat(): este método crea una nueva array que contiene más de arrays. Básicamente crea una array simple a partir de una array que contiene varias arrays.

• Ejemplo:

  <script>     //Original array var arr = [ [11, 89], [23, 7], 98 ];         // Performing flat method var geeks = arr.flat();    document.write(geeks) </script>

• Producción:

  11, 89, 23, 7, 98

6. Método flatMap(): este método se utiliza para aplanar el elemento de array de entrada en una nueva array. En primer lugar, este método mapea cada elemento con la ayuda de la función de mapeo, luego aplana el elemento de la array de entrada en una nueva array.

• Ejemplo:

  <script>     const myAwesomeArray = [[1], [2], [3], [4], [5]]    var geeks = myAwesomeArray.flatMap(arr => arr * 10) console.log(geeks);    </script>

• Producción:

  10, 20, 30, 40, 50

7. Método filter(): este método se usa para crear una nueva array a partir de una array dada que consiste solo en aquellos elementos de la array dada que satisfacen una condición establecida por la función de argumento.

• Ejemplo:

  <script>      function isPositive(value) {      return value > 0;  }      function func() {      var filtered = [112, 52, 0, -1, 944]     .filter(isPositive);      document.write(filtered);  }     func();  </script>

• Producción:

  112, 52, 944

8. Método findindex(): este método devuelve el índice del primer elemento en una array determinada que satisface la función de prueba proporcionada. De lo contrario, se devuelve -1.

• Ejemplo:

  <script>    var array = [ 10, 20, 30, 110, 60 ];     function finding_index(element) {      return element > 25; }      document.write(array.findIndex(finding_index));  </script>

• Producción:

  2

9. Método find(): este método se utiliza para obtener el valor del primer elemento de la array que satisface la condición proporcionada. Comprueba todos los elementos de la array y el primer elemento que satisfaga la condición se imprimirá.

• Ejemplo:

  <script>     // Input array contain some elements.  var array = [10, 20, 30, 40, 50];     // Function (return element > 10).  var found = array.find(function(element) {      return element > 20;  });     // Printing desired values.  document.write(found);  </script>

• Producción:

  30

10. Método fill(): este método se usa para llenar la array con un valor estático determinado. El valor se puede usar para llenar toda la array o se puede usar para llenar una parte de la array.

• Ejemplo:

  <script>     // JavaScript code for fill() function  function func() {        var arr = [1, 23, 46, 58];             // Here value = 87, start index = 1 and      // and last index = 3      arr.fill(87, 1, 3);      document.write(arr);  }     func();  </script>

• Producción:

  1, 87, 87, 58

11. Método forEach(): este método llama a la función proporcionada una vez para cada elemento de la array. La función proporcionada puede realizar cualquier tipo de operación en los elementos de la array dada.

• Ejemplo:

  <script>  function func() {         // Original array      const items = [1, 29, 47];      const copy = [];         items.forEach(function(item){          copy.push(item*item);      });         document.write(copy);  }     func();  </script>

• Producción:

  1, 841, 2209

12. Método sort(): Este método se utiliza para ordenar la array. Una array puede ser de cualquier tipo, es decir, string, números, caracteres, etc.

• Ejemplo:

  <script>    // Original array var numbers = [88, 50, 25, 10];    // Performing sort method var sub = numbers.sort(geeks);    function geeks(a, b) {     return a - b; }    document.write(sub) </script>

• Producción:

  10, 25, 50, 88

13. Método concat(): este método se utiliza para fusionar dos o más arrays. Esta función no altera las arrays originales pasadas como argumentos.

• Ejemplo:

  <script>    // JavaScript code for concat() function  function func() {      var num1 = [11, 12, 13],          num2 = [14, 15, 16],          num3 = [17, 18, 19];         document.write(num1.concat(num2, num3));  }  func();  </script>

• Producción:

  11, 12, 13, 14, 15, 16, 17, 18, 19

14. Método include(): este método se usa para saber si un elemento en particular está presente en la array o no y, en consecuencia, devuelve verdadero o falso, es decir, si el elemento está presente, devuelve verdadero, de lo contrario, es falso.

• Ejemplo:

  <script>         // Taking input as an array A      // having some elements.      var A = [ 1, 2, 3, 4, 5 ];         // Include() function is called to      // test whether the searching element      // is present in given array or not.      a = A.includes(2)         // Printing result of function.      document.write(a);  </script>

• Producción:

  true

15. Método reverse(): Este método se utiliza para la inversión in situ de la array. El primer elemento de la array se convierte en el último elemento y viceversa.

• Ejemplo:

  <script>     function func() {         //Original Array      var arr = [34, 234, 567, 4];      document.write("Original array: " + arr);         //Reversed array      var new_arr = arr.reverse();      document.write("<br>Newly reversed array: ");      document.write(new_arr);  }  func();  </script>

• Producción:

  Original array: 34, 234, 567, 4
  Newly reversed array: 4, 567, 234, 34