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

Métodos de mutadores de matriz en JavaScript explicados con ejemplos
En JavaScript, los métodos que modifican o sobrescriben los elementos de matriz originales se denominan métodos de mutadores de matriz, y hay muchos métodos incorporados disponibles en JavaScript que se pueden utilizar para modificar los elementos de la matriz original. Por ejemplo, foreach (), reverse (), splice (), relleno () y shift () método. Este artículo proporcionará una visión general exhaustiva de estos métodos con un par de ejemplos.

Método sort () en JavaScript

La clasificación de los elementos de la matriz es muy crucial, en JavaScript un método de construcción 'clasificar()' se usa para ordenar los elementos de la matriz no organizados, de forma predeterminada, clasifica los elementos de la matriz en orden ascendente:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.clasificar();
consola.log ("La matriz ordenada:", input_array);

Utilizamos la función sort () en este programa y, como resultado, devolverá una matriz ordenada:

También podemos pasar el parámetro de comparación. Por ejemplo, considere el código dado a continuación para imprimir la matriz en orden descendente:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.sort (función (más bajo, más alta)
devolver más alto;
);
consola.log ("La matriz ordenada:", input_array);

Pasamos dos parámetros a la función "más bajo" y "más alta", y "Superior-Lower" devolverá la salida en orden descendente, mientras que "más bajo" devolverá la salida en orden ascendente:

Método inverso () en JavaScript

En JavaScript, el método "reverso ()" se usa para revertir el orden de los elementos de matriz, considere el código dado a continuación para comprender el funcionamiento de la función inversa:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.contrarrestar();
consola.log ("La matriz inversa:", input_array);

La salida para la función inversa será:

Método PUSP () en JavaScript

Para agregar algunos elementos nuevos a la matriz, JavaScript utiliza el método "Push ()", agrega el nuevo elemento en el último índice de matriz:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.empuje (100);
consola.log ("la matriz actualizada:", input_array);

Agradecemos '100' en la matriz utilizando el método PUSH, la salida será:

Método pop () en JavaScript

En JavaScript, el método "pop ()" elimina el último elemento de la matriz:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.estallido();
consola.log ("la matriz actualizada:", input_array);

El código anterior extraerá el "6" de la matriz y la salida resultante será:

método shift () en JavaScript

El método "Shift ()" se usa para eliminar el primer elemento de la matriz:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.cambio();
consola.log ("la matriz actualizada:", input_array);

El código anterior extraerá el "15" de la matriz y la salida de este programa será:

método unshift () en JavaScript

En JavaScript, las funciones "unshift ()" toman un elemento como parámetro y lo ponen al comienzo de la matriz:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Deshift (50);
consola.log ("la matriz actualizada:", input_array);

La salida del código dado anteriormente será:

Método Fill () en JavaScript

En JavaScript, el método "Fill ()" replica todas las entradas de una matriz con algún valor especificado:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.llenar (50);
consola.log ("la matriz actualizada:", input_array);

Ahora implementaremos el método "relleno" en el "input_array":

En la salida, todos los elementos de la matriz se replicarán con el '50':

El método de relleno también se ocupa de los parámetros opcionales. Se necesitan tres parámetros, primero para el valor especificado, el segundo para el índice inicial y el tercer parámetro para el último índice. Como resultado, replicará todos los elementos de la matriz desde el índice de inicio especificado al último índice especificado.

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.llenar (50, 1, 4);
consola.log ("la matriz actualizada:", input_array);

Como ejemplo, pasamos 50, 1 y 3 en el método de relleno, ahora el método de relleno reemplazará los elementos de la matriz del índice 1 al índice 3 con 50. Mientras que los valores de los índices restantes permanecerán sin cambios. Ahora observe la salida del método de relleno parametrizado:

Método Splice () en JavaScript

En JavaScript, el método "Splice ()" se usa con mucha frecuencia debido a sus propiedades únicas y específicas. Puede agregar o eliminar los elementos de una matriz y puede realizar ambas acciones simultáneamente.

El método "Splice ()" contiene tres parámetros:

  • El primer parámetro toma índice inicial
  • El segundo parámetro especifica el número total de elementos para eliminar
  • El tercer parámetro es opcional y toma el elemento para insertar en la matriz

Ahora considere un ejemplo en el que queremos agregar un elemento en la matriz sin eliminar ningún elemento existente:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.empalme (2, 0, 5);
consola.log ("la matriz actualizada:", input_array);

En este ejemplo, establecemos el valor del segundo parámetro como 0. En la salida observamos que '5' se agrega en el índice dos, y no eliminó ningún valor existente:

Ahora consideraremos un ejemplo en el que queremos eliminar un elemento de la matriz:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.empalme (1,2);
consola.log ("la matriz actualizada:", input_array);

Aquí en el primer parámetro, especificamos el índice inicial '1' y en el segundo parámetro escribimos '2' que especifica que eliminan dos elementos de la matriz. No escribimos el tercer parámetro porque no queremos agregar un nuevo elemento en la matriz:

En la salida, notamos que los valores del índice 1 y 2 se eliminan de la matriz:

Ahora consideraremos un ejemplo para agregar y eliminar algunas entradas de una matriz simultáneamente:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.empalme (1,2,50);
consola.log ("la matriz actualizada:", input_array);

Entonces, en este ejemplo, el método "Splice ()" especifica que desde el índice 1 en adelante elimina dos elementos e inserte un nuevo elemento en el índice 1:

Conclusión

En JavaScript, los métodos de mutadores no crean nuevas matrices, sino que modifican las matrices actuales. En este artículo cubrimos varias funciones de mutaciones de matriz. Aprendemos cómo funcionan los métodos de mutadores en JavaScript, y analizamos que entre todos estos métodos, el método POP y el método PUSH modifican los índices finales de la matriz, mientras que el método de cambio y el método sin desplazamiento modifican los índices iniciales de la matriz. Además, descubrimos cómo ordenar la matriz en orden ascendente o descendente y cómo revertir o replicar los elementos de la matriz utilizando diferentes métodos de mutadores.