Métodos de manipulación de matriz trabajo con matrices en JavaScript
Que es una matriz?
La matriz es un tipo de variable que se estructura de una manera que podemos almacenar múltiples y diferentes tipos de valores en una sola variable y luego acceder a esos valores utilizando índices de matriz. El índice es el número de posición donde se almacena o guarda el elemento de matriz.
Por ejemplo:
Const legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];En el ejemplo anterior, si no usáramos matrices, tendríamos que declarar 4 variables e inicializarlas con los valores anteriores que habrían sido demasiado agitados.
Por ejemplo:
const liga1 = "laliga";const liga2 = "Premier League";
const liga3 = "Bundesliga";
const liga4 = "Seria A";
Como podemos ver, es mucho mejor que usemos matrices que los métodos tradicionales. Si todavía no está convencido, entonces suponga que tenía que enumerar todas las principales ligas de fútbol en el mundo. ¿Declararías todas las variables e iniciarías con los nombres de la liga de fútbol uno por uno. ¿No sería mejor usar matrices?? De hecho, es.
Métodos de matriz de JavaScript
Convertir matrices a cadena
Digamos que tiene una matriz que le gustaría convertir a una cadena para la cual JavaScript nos proporciona el Encadenar() método incorporado para ayudarnos. El Encadenar() El método convertirá nuestra matriz en una cadena. Todos los valores de la matriz estarán separados por una coma en la cadena
Ejemplo:
// matriz tiene el nombre de las ligas de fútbolConst legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// convertir en cadena
consola.Log (ligas.Encadenar());
El siguiente método incorporado utilizado mucho por los desarrolladores es el unirse() método. Esta tiene exactamente la misma función de toString () i-e convierte una matriz en cadena. La única diferencia en el método Join () es que aquí podemos especificar el separador. Por ejemplo, en lugar de comas, podemos poner una parada completa. Por ejemplo:
// matriz tiene el nombre de las ligas de fútbolConst legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// convertir en cadena con . separador
consola.Log (ligas.unirse("."));
Aquí especificamos que los valores de una matriz deben separarse con una parada completa cuando la matriz se convierte en una cadena.
Empuje y estallar
Al trabajar con matrices como desarrollador, habrá momentos en los que necesite agregar o eliminar elementos de una matriz. Para lograr la tarea de agregar algo o eliminar algo de una matriz, usamos el método pop () y push ().
Método pop ()
Eliminar un valor de la matriz se logra mediante el método pop () y elimina el último valor de índice de la matriz.
Por ejemplo:
// matriz tiene el nombre de las ligas de fútbolConst legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
consola.Log (ligas.estallido());
consola.Log (ligas.Encadenar());
Como podemos ver en la captura de pantalla de la consola que el elemento POP estaba en el último índice y después de eso cuando consolamos registro la matriz no había seria A.
Método Push ()
La sintaxis de empuje es la misma que el pop. La diferencia es que la función realiza cada una. El método push () se usa para insertar o agregar elementos en el último índice de la matriz.
Por ejemplo:
// matriz tiene el nombre de las ligas de fútbolConst legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
leguas.Push ("Ligue1");
// convertir en cadena
consola.Log (ligas.Encadenar());
En el argumento del método push () pasamos el valor que queremos agregar a la matriz. En este ejemplo, pasamos "Ligue1", ya que queríamos agregar eso a nuestras ligas de matriz. Cuando presionamos el valor, veremos Ligue1 al final de la matriz.
Elementos cambiantes
El método shift () es el mismo que el método pop (), excepto que elimina el primer elemento de la matriz. Hace esto cambiando todos los demás elementos a un índice inferior excepto el primero. Elimina el primer elemento de índice.
Por ejemplo:
// matriz tiene el nombre de las ligas de fútbolConst legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// Eliminar primer elemento
consola.Log (ligas.cambio());
// Conversión de matriz a cadena
consola.Log (ligas.Encadenar());
En este ejemplo, en la ventana de la consola, se nos mostrará el elemento que se ha eliminado de la matriz. Entonces se mostrará la nueva matriz.
El método unshift () es el mismo que el método push (), excepto que agrega un elemento al inicio de la matriz. La sintaxis es la misma que el método de cambio i-e ligas.Deshift ("Liga Scottish").
Cambio de elementos
Podemos cambiar un elemento en el índice específico. El índice comienza desde 0 en una matriz.
Por ejemplo, podemos cambiar el primer elemento por:
Ligas [0] = "Liga Scottish";También podemos averiguar la longitud total de la matriz utilizando el método de longitud incorporada de JavaScript.
// matriz tiene el nombre de las ligas de fútbolConst legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
consola.Log (ligas.longitud);
Salida: 4
Método de empalme ()
El método Splice () se usa para agregar elementos a una matriz al igual que el método Push ().
Por ejemplo:
// matriz tiene el nombre de las ligas de fútbolConst legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
leguas.empalme (2,0, "Ligue1");
// Conversión de matriz a cadena
consola.Log (ligas.Encadenar());
Splice toma un índice donde desea agregar un elemento. En este ejemplo, especificamos el segundo índice donde queremos agregar "Ligue1". Los elementos que queremos eliminar de la matriz se dan en el segundo argumento. Después de esto, podemos agregar nuevos elementos, tanto como queramos. La salida será:
También podemos usar el método de empalme para eliminar un valor en el índice especificado.
Por ejemplo:
// matriz tiene el nombre de las ligas de fútbolConst legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
leguas.empalme (0,1);
// Conversión de matriz a cadena
consola.Log (ligas.Encadenar());
Eliminará el elemento que está en el primer índice.
Matrices de fusión
También podemos fusionar matrices usando el método concat (). El método concat () no altera la matriz original y solo crea una nueva matriz.
Por ejemplo:
En este ejemplo, se combinarán dos matrices utilizando el método concat ():
// matriz tiene el nombre de las ligas de fútbolConst legues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
const Lowerleagues = ["Scottish", "Australian"];
const newtotalleagues = Ligas.concat (Boundleagues);
// Conversión de matriz a cadena
consola.Log (NewtotalLeagues.Encadenar());
Agregamos los Lowerleagues a las ligas.
Conclusión
Múltiples elementos de datos o variables del mismo tipo se representan en una sola matriz de nombres y esa matriz se puede manipular de muchas maneras que se discuten en esta publicación. Discutimos la manipulación de la matriz en JavaScript atravesando los métodos más comunes de cómo manipular una matriz. Esperamos que todos estos ejemplos le hayan dado una idea de cómo funciona la manipulación de la matriz.