Introducción a los métodos de matrices en JavaScript
Javascript ofrece matrices para contener datos como enteros, cadenas y objetos definidos por el usuario. El escenario de caso de uso es similar al concepto de matrices que encontramos en otros idiomas. En este tema, vamos a aprender sobre los métodos de matrices en JavaScript.
Javascript es un lenguaje front-end que agrega un comportamiento dinámico a una página web, estas matrices se usan para contener datos que se mostrarán en la página web, como si tuviera una lista de libros con su nombre, nombre de autor, fecha de publicación y costo, por lo que todos pueden colocarse en un objeto y tales objetos múltiples generados mientras tanto pueden almacenarse en estas matrices que pueden pasarse al controlador para su procesamiento o de la misma manera que el controlador puede enviarlo a la vista para su representación.
La declaración de matriz en Javascript se hace así
var arr = new Array();
o
var arr=();
o
var arr = (1, 2, 3, 4);
Aquí puede ver una cosa que le dimos valores enteros a la matriz y la marcamos como de tipo var, en Javascript todos los elementos se almacenarán solo con el tipo var y si se van a tratar y enteros o de otro modo tipos de datos que vea aparecen como, luego el análisis de ese tipo debe hacerse durante el uso de los datos de la matriz.
Métodos de matrices en Javascript
Para el procesamiento de datos de matriz, tenemos múltiples métodos disponibles, que nos ayudarán a realizar algunas operaciones que se requieren durante el procesamiento y la manipulación de datos.
1. Foreach
Este método se utiliza para recorrer los datos de la matriz y podemos hacer que cada elemento individual se represente en su marcador de posición deseado en la página web.
var country = ('India', 'Australia', 'South Africa');
iteraremos desde el índice 0 hasta la longitud-1, donde la longitud es el tamaño de la matriz, que aquí es 3.
Ahora iteremos sobre ellos usando el método forEach:
Ejemplo
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Salida -
2. Empujar
Siempre que tenga una matriz existente y, mientras tanto, realice algún cálculo en el que esa matriz probablemente reciba algún valor de datos para agregarse. En ese caso se utilizará la función de empuje.
Agreguemos un país a la lista definida anteriormente y lo reiteraremos esta vez y también se mostrará la longitud modificada.
Recuerde que la inserción se realizará en el último índice disponible en la matriz.
Ejemplo
// this line gives current length ie 3
console.log(country.length + ' is current length')
// here we push one more country
country.push('USA')
//print updated length
console.log(country.length + ' is current length')
// print each element and index
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Salida -
3. Pop
También podemos tener un requisito en el que necesitamos eliminar los elementos de datos de la matriz, pop se utiliza para eliminar el elemento desde el final de la matriz, es decir, se eliminará el último elemento de la matriz y así sucesivamente.
Tomemos un ejemplo para ver lo mismo:
// this line gives current length ie 4
console.log(country.length + ' is current length')
// pop the last element, it doesn't take any argument
Country.pop()
// this line gives current length ie 3, as the array lost one element
console.log(country.length + ' is current length')
Salida -
4. Shift ()
Es posible que tenga un requisito en el que necesite sacar el elemento del frente de la matriz, por lo que no puede usar pop para eso, ya que eliminará todos sus datos primero y luego lo hará llegar a su primer elemento, para esto tenemos turno (), esto eliminará directamente el elemento desde el comienzo de la matriz.
Veamos un ejemplo a continuación para esto:
Aquí ejecutaremos el bucle forEach para mostrar qué elemento se ha eliminado.
// line below will remove India, which was the first element
country.shift() ;
//let's print the elements now
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Salida -
En la imagen de arriba, puede ver que toda la matriz se desplazó a la izquierda, el elemento "Australia" se movió del índice 1 al índice 0. Por lo tanto, esta operación conduce al desplazamiento de todos los elementos de la matriz y puede ser costoso cuando los datos son realmente enormes, por lo que se utilizarán con el análisis adecuado y se seguirán las técnicas de codificación correctas.
5. Unshift ()
Aquí el requisito es agregar los datos al frente de la matriz, en lugar de agregarlos al final de la misma, este método se llama unshift () y esto también agregará una sobrecarga de mover todos los elementos existentes de la matriz a la derecha por uno índice en una operación de inserción.
Esto también puede resultar una operación costosa cuando el rendimiento debe estar a la par.
Veamos un ejemplo sobre cómo hacer esto sin cambios:
Consulte el índice donde aparece el elemento recién agregado 'Canadá' en la instantánea.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Salida -
6. Empalme
Este método se usa para eliminar los elementos en función de algún índice pasado por el usuario, hasta ahora vimos push and pop, shift y unshift, todos los que se ocuparon del último y primer índice, si se supone que debemos eliminar la operación con índices intermedios, entonces necesitamos el método de empalme y podemos pasar el índice del elemento que se eliminará de la matriz.
Tomemos un ejemplo en el que hemos dado un índice inicial desde donde todos los elementos deben eliminarse de la matriz.
He agregado Newzealand a la matriz existente e hice su tamaño 4 nuevamente.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Salida -
7. isArray ()
Este método verifica si una variable es de tipo matriz o no.
Hagamos esto de la siguiente instantánea
Conclusión
Aquí vimos varios métodos para la manipulación de datos con javascript, lo que es útil cuando desarrolla juegos o desarrolla páginas web.
Artículos recomendados
Esta es una guía de los métodos de matrices en JavaScript. Aquí discutimos varios métodos que nos ayudarán a realizar algunas operaciones que se requieren durante el procesamiento y la manipulación de datos. También puede echar un vistazo a los siguientes artículos para obtener más información:
- Constructor en JavaScript
- Matrices en JavaScript
- ¿Qué es JavaScript?
- Anulación en JavaScript
- Matrices en PHP