Métodos de accesorios de matriz en JavaScript explicados con ejemplos

En JavaScript, hay varios métodos incorporados disponibles que son muy beneficiosos en la perspectiva de trabajar con matrices, como el método que modifica la matriz real se denomina método de mutador. Mientras que el método que no modifica la matriz primaria/original, en su lugar, devuelve alguna representación nueva para la matriz sobre la base de la matriz original se denomina método de accesor. En esta publicación, cubriremos varios métodos de accesorios de matriz como concat (), slice (), indexOf (), filtre () y lastindexof () método.

Método concat () en JavaScript

En JavaScript, el método concat se utiliza para unir las matrices múltiples y, como resultado, devuelve una nueva matriz. Consideremos un ejemplo en el que creamos dos matrices y las concatenamos en la tercera matriz, echemos un vistazo al código dado a continuación para comprender cómo "Concat ()" El método funciona en JavaScript:

const arrey1 = [5,10,15,20,25];
const arrey2 = [30,35,40,45,50];
const resultante_array = array1.concat (array2);
consola.log ("La matriz resultante es:", resultante_array);

En el código anterior, la matriz resultante concatena las dos primeras matrices:

La consola.La función de registro se utiliza para producir la salida de la matriz resultante en la consola del navegador:

La salida verifica que la matriz resultante combina los elementos de "Array1" y "Array2".

método unir () en JavaScript

En JavaScript, el "unirse()" El método devuelve una nueva cadena uniendo todos los elementos de matriz dentro de una cadena separada por una coma ",".

const array1 = ['5', '10', '15', '20', '25'];
const resultante_array = array1.unirse();
consola.log ("La matriz resultante usando el método de unión es:", resultante_array);

Aquí tomamos los valores de Array1 como valores de cadena y la implementación de JavaScript del código anterior será:

En la salida, observará que el "unirse()" la función devuelve una cadena separada por una coma.

En JavaScript, cualquiera puede separar los elementos de cadena por cualquier otro símbolo de su elección; Supongamos que queremos usar "|" Como separado en lugar de coma, lo utilizaremos como:

const array1 = ['5', '10', '15', '20', '25'];
const resultante_array = array1.unir ('|');
consola.log ("La matriz resultante usando el método de unión es:", resultante_array);

Implementaremos el código anterior en JavaScript como:

La salida resultante será:

Método Filter () en JavaScript

En JavaScript, el método "filtro ()" se utiliza para filtrar una matriz sobre la base de alguna condición. Por ejemplo, queremos filtrar números positivos de una matriz, el código en JavaScript sería:

const all_numbers = [5, -10,15, -20, -25,30];
const positive_only = all_numbers.Filtro (función (número)
número de retorno> = 0;
);
consola.log (positivo_only);

Entonces, en el ejemplo, tenemos una matriz que consiste en números positivos y negativos, y queremos filtrar la matriz y mostrar solo números positivos. Por lo tanto, establecemos una condición que verificará si "el número es mayor o igual a 0" o no, como resultado:

Nuestra salida muestra que el método "filtro ()" imprime solo los números positivos:

Método SLICE () en JavaScript

JavaScript utiliza el método "slice ()" para copiar parte de la matriz en una matriz nueva, y acepta dos parámetros opcionales iniciales y el último índice. Consideremos un escenario en el que queremos solo los primeros tres elementos de la matriz, lo haremos usando el método de corte. El último índice debe ser el índice "n+1", significa que si desea valores entre el índice 0 al índice 2, entonces debe escribir el último índice como '3':

const arrey1 = [5,10,15,20,25];
const resultante_array = array1.rebanada (0,3);
consola.log ("La matriz resultante es:", resultante_array);

Aquí, tomamos el primer índice como 0, y escribimos el último índice como 3, el método Slice excluirá el último índice '3' y considerará los elementos de la matriz para el índice 0, el índice 1 y el índice 2 solamente.

La salida del programa anterior será:

Método IndexOf () en JavaScript

JavaScript utiliza el método indexOf para encontrar la ocurrencia de un elemento en una matriz, y volverá -1 si el elemento no se encuentra en la matriz. Además, si una matriz tiene el mismo elemento dos veces, entonces el "índice de" El método devolverá la posición de la primera ocurrencia. Considere el código dado a continuación para comprender cómo "índice de" El método funciona:

const array1 = [5,10,15,15,20,25];
const resultante_array = array1.índice de (15);
consola.log ("La matriz resultante es:", resultante_array);

La implementación de JavaScript del método indexOf será:

La salida del código anterior verificará que el método "indexOf" devuelve la primera instancia del elemento buscado:

Método LastIndexof () en JavaScript

JavaScript utiliza el "LastIndexof" método para encontrar la última aparición de un elemento en una matriz, y este método volverá -1 cuando no encuentre un elemento en la matriz:

const array1 = [5,10,15,15,20,25];
const resultante_array = array1.lastindexof (15);
consola.log ("Buscó el índice de matriz:", resultante_array);

La implementación del código anterior será:

En Array1, '15' se repite dos veces, por lo que el "LastIndexof" El método devolverá el índice de la última aparición de '15':

Incluye () método en JavaScript

JavaScript usa "Incluye ()" Método Para buscar cualquier elemento en una matriz, como resultado, devolverá un valor booleano:

const array1 = [5,10,15,15,20,25];
const resultante_array = array1.incluye (15);
consola.log ("Valor buscado encontrado:", resultante_array);

Aquí buscamos '15' usando el método "Incluye ()":

El método "Incluye ()" devolverá la salida verdadera como '15' está ahí en la matriz:

Conclusión:

Los métodos del accesor de matriz realizan algunas acciones en las matrices y, como resultado, devuelven una nueva representación mejorada en JavaScript. En esta publicación, hemos aprendido sobre tales métodos en detalle considerando algunos ejemplos. Además, implementamos cada método en JavaScript y notamos la salida deseada en cada método. Este artículo ayudará a los lectores a implementar los métodos de accesorios de matriz incorporados en JavaScript.