Colecciones indexadas en javascript se refieren a estructuras de datos como matrices, donde los elementos se almacenan y se accede a ellos mediante índices numéricos. Los arreglos permiten el almacenamiento y la recuperación eficiente de datos ordenados, proporcionando métodos para la manipulación y recorrido de sus elementos.

Ejemplo

un formación llamado 'estudiante' contiene los nombres de los estudiantes y los valores del índice son el Rollo Números de los estudiantes. JavaScript no tiene un tipo de datos de matriz explícito. Sin embargo, podemos usar el objeto Array predefinido en JavaScript y sus métodos para trabajar con matrices.

Creando una matriz: Hay muchas formas de crear e inicializar una matriz que se enumeran a continuación:

• Crear matrices sin definir la longitud de la matriz. En este caso, la longitud es igual al número de argumentos.

Sintaxis:

let arr = new Array( element0, element1, ... ); let arr = Array( element0, element1, ... ); let arr = [ element0, element1, ... ];>

• Creando una matriz con el tamaño dado

Sintaxis:

let arr = new Array(6); let arr = Array(6); let arr = []; arr.length = 6;>

• Cree una matriz de longitud variable y agregue tantos elementos como necesite.

// First method: Initialize an empty // array then add elements let students = []; students [0] = 'Sujata Singh'; students [1] = 'Mahesh Kumar'; students [2] = 'Leela Nair'; // Second method: Add elements to // an array when you create it let fruits = ['apple', ‘mango', 'Banana'];>

Los métodos que se pueden aplicar sobre matrices son:

• Accediendo a los elementos de la matriz
• Obteniendo la longitud de la matriz
• Iterando sobre matrices
  • JavaScript para bucle
  • Bucle JavaScript para cada()
  • JavaScript para cada bucle con Funciones de flecha
• Métodos de matriz
  • Método JavaScript push()
  • Método JavaScript pop()
  • Método JavaScript concat()
  • Método de unión de JavaScript ()
  • Método JavaScript sort()
  • Método JavaScript indexOf()
  • Método JavaScript shift()
  • Método de filtro JavaScript ()

Accediendo a los elementos de la matriz

Utilice índices para acceder a los elementos de la matriz. Los índices de matrices tienen base cero, lo que significa que el índice de los elementos comienza con cero.

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits [0]); console.log(fruits[1]);>

Apple Mango>

Obteniendo la longitud de la matriz

Para obtener la longitud de una matriz, utilice nombre_matriz. propiedad de longitud .

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits.length)>

3>

Iterando sobre matrices

Hay muchas formas de iterar los elementos de la matriz.

• JavaScript para bucle : El bucle for proporciona una forma concisa de escribir la estructura del bucle. A diferencia de un bucle while, una declaración for consume la inicialización, la condición y el incremento/decremento en una línea, proporcionando así una estructura de bucle más corta y fácil de depurar.

const fruits = ['Apple', 'Mango', 'Banana']; for (let i = 0; i < fruits.length; i++) {  console.log(fruits[i]); }>

Apple Mango Banana>

• Bucle JavaScript para cada() : La función forEach() proporciona una vez para cada elemento de la matriz. La función proporcionada puede realizar cualquier tipo de operación sobre los elementos de la matriz dada.

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(function (fruit) {  console.log(fruit); });>

Apple Mango Banana>

• javascript para cada bucle con Funciones de flecha :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(fruta));>

Apple Mango Banana>

Métodos de matriz

Hay varios métodos de matriz disponibles para trabajar con matrices. Estos son:

• Método JavaScript push() : Este método agrega uno o más elementos al final de una matriz y devuelve la longitud resultante de la matriz.

let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>

[ '1', '2', '3' ]>

• Método JavaScript pop() : Este método elimina el último elemento de una matriz y devuelve ese elemento.

let numbers = new Array('1', '2', '3'); let last = numbers.pop(); console.log(last);>

3>

• Método JavaScript concat() : Este método Uniones dos matrices y devuelve una nueva matriz.

let myArray = new Array('1', '2', '3'); myArray = myArray.concat('a', 'b', 'c'); console.log(myArray);>

[ '1', '2', '3', 'a', 'b', 'c' ]>

• Método de unión de JavaScript () : Este método crea una cadena uniendo todos los elementos de una matriz.

let students = new Array('john', 'jane', 'joe'); let list = students.join(' - '); console.log(list);>

john - jane - joe>

• Método JavaScript sort() : Este método ordena los elementos de una matriz.

let myArray = new Array('West', 'East', 'South'); myArray.sort(); console.log(myArray);>

[ 'East', 'South', 'West' ]>

• Método JavaScript indexOf() : Este método busca un elemento en la matriz y devuelve el índice de la primera aparición del elemento.

let myArr = ['a', 'b', 'a', 'b', 'a']; console.log(myArr.indexOf('b'));>

1>

• Método JavaScript shift() : Este método elimina el primer elemento de una matriz y devuelve ese elemento.

let myArr = new Array('a', 'b', 'c'); let first = myArr.shift(); console.log(first);>

a>

• Método JavaScript inverso () : Este método invierte el primer elemento de la matriz y se convierte en el último y el último en el primero. Transpone todos los elementos de una matriz de esta manera y devuelve una referencia a la matriz.

let myArr = new Array('a', 'b', 'c'); myArr.reverse(); console.log(myArr);>

[ 'c', 'b', 'a' ]>

• Método de mapa de JavaScript () : Este método devuelve una nueva matriz del valor devuelto al ejecutar una función en cada elemento de la matriz.

let myArr1 = ['a', 'b', 'c']; let a2 = myArr1.map(function (item) {  return item.toUpperCase(); }); console.log(a2);>

[ 'A', 'B', 'C' ]>

• Método de filtro JavaScript () : Este método devuelve una nueva matriz que contiene los elementos para los cuales la función devolvió verdadero.

let myArr1 = ['a', 10, 'b', 20, 'c', 30]; let a2 = myArr1.filter(function (item) {  return typeof item === 'number'; }); console.log(a2);>

[ 10, 20, 30 ]>