Introducción a las matrices en JavaScript

Como sabemos, los objetos nos permiten almacenar colecciones de valores con clave. Pero a veces necesitamos una colección ordenada, donde tenemos que almacenar el primer, segundo, tercer elemento y muchos más. Por ejemplo, considere que necesitamos almacenar una lista de algo: datos de usuarios, datos de bienes y muchos más. No es apropiado usar un objeto aquí, porque no proporciona métodos para administrar el orden de los elementos. Los objetos no se crean para tal uso. Existe una estructura de datos especial llamada Array, para almacenar colecciones ordenadas. Las matrices en JavaScript permiten almacenar múltiples valores en una sola variable. Almacena el mismo tipo de colección de elementos de tamaño fijo secuencial.

Las matrices en JavaScript se utilizan para almacenar un conjunto de información, pero a menudo es más útil para almacenar un conjunto de variables del mismo tipo. Una matriz es una variable única en JavaScript que se usa para almacenar varios elementos. Cuando queremos almacenar una lista de elementos y acceder a ellos a través de una sola variable, a menudo se usa. A diferencia de muchos otros lenguajes en los que una matriz es una referencia de varias variables, hay una sola variable en la matriz de JavaScript que almacena varios elementos. Las matrices de objetos en JavaScript son un objeto global utilizado en la construcción de matrices; que es de alto nivel, objetos tipo lista.

¿Cómo funciona la matriz en JavaScript?

Las matrices en JavaScript son una forma de almacenar elementos en una sola variable en la memoria. Por su índice, se puede acceder a los elementos en la matriz. El índice de matriz comienza con 0. Las matrices de Javascript están basadas en cero, lo que significa que el índice del primer elemento es 0. Esto es muy importante porque significa que siempre existirá un desplazamiento de una unidad: el primer elemento tendrá un índice de 0, y el segundo elemento tendrá un índice de 1, y así sucesivamente.

¿Cómo crear matrices en JavaScript (ejemplo)?

El objeto Array le permite almacenar varios valores en una variable. Almacena una colección secuencial de tamaño fijo del mismo tipo de elementos. Una matriz se usa para almacenar un conjunto de recopilación, pero a menudo es más útil considerar una matriz como un conjunto del mismo tipo de variables. La matriz de notación literal simplifica la creación de matrices en JavaScript. Se compone de dos corchetes que envuelven elementos de matriz opcionales separados por comas. Número, cadena, booleano, nulo, indefinido, objeto, función, expresión regular y otras estructuras pueden ser cualquier tipo de elementos de matriz.

La matriz se puede crear en JavaScript como se indica a continuación

var country = ("India", "England", "Srilanka");

En la creación anterior, está inicializando una matriz y se ha creado con los valores "India", "Inglaterra" y "Srilanka". El índice de "India", "Inglaterra" y "Srilanka" es 0, 1 y 2 respectivamente. Puede agregar elementos adicionales a la matriz de países, luego puede hacerlo como se muestra a continuación

country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";

Ejemplo


JavaScript Creating Array


var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;

Salida

Tipos de matrices en JavaScript (explique cada tipo con un ejemplo)

A continuación se muestran los diferentes tipos de matrices en javascript de la siguiente manera:

  • Array Literal

La matriz se puede crear con un literal de matriz utilizando la sintaxis siguiente

var arrayname=(value1, value2…..valuen);

Considere el ejemplo simple de crear una matriz en JavaScript utilizando Array Literal


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)

Salida :

  • Array directamente

La matriz se puede crear con una matriz directamente utilizando la nueva palabra clave como se muestra a continuación en la sintaxis

var arrayname=new Array();

A continuación, se muestra un ejemplo de creación de una matriz en JavaScript utilizando Array directamente con la ayuda de la nueva palabra clave


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)

Salida :

  • Constructor de matrices

La instancia de matriz se puede crear pasando argumentos en un constructor. El siguiente ejemplo crea una matriz en JavaScript utilizando Array Constructor con la ayuda de la nueva palabra clave


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)

Salida

Explicar los métodos de matriz en JavaScript

A continuación se muestran los métodos de matriz en JavaScript de la siguiente manera

1. método concat ()

Puede crear una nueva matriz con una combinación de dos o más matrices con la ayuda del método concat ().

Sintaxis

array.concat(val1, val2, …, valN);

Ejemplo


JavaScript Array Method

var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );

Salida

2. cada ()

Cada método () verifica si los elementos dados son verdaderos o falsos en una matriz, según lo dispuesto en la condición. Devuelve verdadero si la condición coincide con la condición dada, de lo contrario, devuelve falso.

Sintaxis

Array.every(callback, thisArg)

Donde la devolución de llamada es una condición para probar la función y thisArg es un parámetro opcional utilizado al ejecutar la devolución de llamada.

Ejemplo


JavaScript Array Method

var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));

Salida

3. llenar ()

El método fill () se usa para llenar los valores estáticos especificados modificando los valores originales en la matriz dada.

Sintaxis

array.fill(value)

Ejemplo


JavaScript Array Method

var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);

Salida

4. filtro ()

El método filter () se usa para filtrar los elementos de la matriz según la condición dada.

Sintaxis

array.filter(callback, thisArg)

Ejemplo


JavaScript Array Method

var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));

Salida

5. forEach ()

El método forEach () se utiliza para invocar la función para cada elemento de la matriz.

Sintaxis

array.forEach(callback, thisArg)

Ejemplo


JavaScript Array Method

var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));

Salida

6. incluye ()

El método incluye () se utiliza para verificar si el elemento dado está incluido en la matriz o no. Si el elemento está incluido en una matriz, entonces devuelve verdadero; de lo contrario, devuelve falso.

Sintaxis

array.includes(element) //where “element” is a value which is to be searched in the array

Ejemplo


JavaScript Array Method

var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);

Salida

7. unirse ()

El método join () se usa para combinar los elementos de la matriz en la cadena y proporciona una nueva cadena.

Sintaxis

array.join(separator)

Ejemplo


JavaScript Array Method

var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);

Salida

8. pop ()

El método pop () se usa para extraer el último elemento de la matriz dada.

Sintaxis

array.pop(operator)

Ejemplo


JavaScript Array Method

var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);

Salida

9. push ()

El método push () se usa para agregar el elemento al final de la matriz.

Sintaxis

array.push()

Ejemplo


JavaScript Array Method

var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);

Salida

10. reverse ()

El método reverse () se usa para invertir la secuencia de la matriz de elementos dada. El último elemento se convertirá en el primero y el primer elemento se convertirá en el último.

Sintaxis

array.reverse()

Ejemplo


JavaScript Array Method

var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);

Salida

11. shift ()

El método shift () se usa para devolver el primer elemento de una matriz.

Sintaxis

array.shift()

Ejemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);

Salida

12. rebanada ()

El método slice () se usa para mostrar parte de los elementos de la matriz dados sin cambiar la matriz original.

Sintaxis

array.slice(start, end)

Ejemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);

Salida

13. sort ()

El método sort () se usa para mostrar los elementos de la matriz en orden ascendente.

Sintaxis

array.sort()

Ejemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);

Salida

14. unshift ()

El método unshift () se usa para agregar elementos al comienzo de la matriz.

Sintaxis

array.unshift(“element”)

Ejemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);

Salida

15. indexOf ()

El método indexOf () se usa para buscar la posición de un elemento en una matriz dada.

Sintaxis

array.indexOf(“element”)

Ejemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);

Salida

Conclusión

Como se discutió hasta ahora, una matriz es un tipo especial de objeto para almacenar y administrar elementos de datos. Una matriz es un objeto, que proporciona un grupo de elementos y es útil para almacenar una gran cantidad de datos del mismo tipo. Las propiedades y métodos de los objetos de matriz ayudan a los desarrolladores a manejar matrices fácilmente. Como objeto global, la matriz de JavaScript se puede utilizar en la construcción de matrices de alto nivel.

Artículo recomendado

Esta ha sido una guía de matrices en JavaScript. Aquí discutimos los diferentes tipos y métodos de matrices junto con Example. También puede consultar nuestros otros artículos sugeridos para obtener más información.

  1. Herramientas de JavaScript
  2. Funciones matemáticas de JavaScript
  3. Mejores marcos de Javascript
  4. Usos de JavaScript
  5. Matrices en PHP