Introducción a las matrices de JavaScript

Una suave introducción a las matrices, un componente clave de JavaScript

Una matriz es una colección de elementos.

Las matrices en JavaScript no son unescribeen su propia.

Las matrices sonobjetos.

Podemos inicializar una matriz vacía de estas 2 formas diferentes:

const a = []
const a = Array()

El primero es usar elsintaxis literal de matriz. El segundo usa la función incorporada Array.

Puede rellenar previamente la matriz con esta sintaxis:

const a = [1, 2, 3]
const a = Array.of(1, 2, 3)

Una matriz puede contener cualquier valor, incluso valores de diferentes tipos:

const a = [1, 'Flavio', ['a', 'b']]

Dado que podemos agregar una matriz a una matriz, podemos crear matrices multidimensionales, que tienen aplicaciones muy útiles (por ejemplo, una matriz):

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
]

matrix[0][0] //1 matrix[2][0] //7

Puede acceder a cualquier elemento de la matriz haciendo referencia a su índice, que comienza desde cero:

a[0] //1
a[1] //2
a[2] //3

Puede inicializar una nueva matriz con un conjunto de valores utilizando esta sintaxis, que primero inicializa una matriz de 12 elementos y llena cada elemento con el0número:

Array(12).fill(0)

Puede obtener el número de elementos de la matriz comprobando sulengthpropiedad:

const a = [1, 2, 3]
a.length //3

Tenga en cuenta que puede establecer la longitud de la matriz. Si asigna un número mayor que la capacidad actual de las matrices, no sucede nada. Si asigna un número menor, la matriz se corta en esa posición:

const a = [1, 2, 3]
a //[ 1, 2, 3 ]
a.length = 2
a //[ 1, 2 ]

Cómo agregar un elemento a una matriz

Podemos agregar un elemento al final de una matriz usando elpush()método:

a.push(4)

Podemos agregar un elemento al comienzo de una matriz usando elunshift()método:

a.unshift(0)
a.unshift(-2, -1)

Cómo eliminar un elemento de una matriz

Podemos eliminar un elemento del final de una matriz usando elpop()método:

a.pop()

Podemos eliminar un elemento del principio de una matriz usando elshift()método:

a.shift()

Cómo unir dos o más matrices

Puede unir varias matrices utilizandoconcat():

const a = [1, 2]
const b = [3, 4]
const c = a.concat(b) //[1,2,3,4]
a //[1,2]
b //[3,4]

También puede utilizar elpropagaroperador...) De este modo:

const a = [1, 2]
const b = [3, 4]
const c = [...a, ...b]
c //[1,2,3,4]

Cómo encontrar un elemento específico en la matriz

Puedes usar elfind()método de una matriz:

a.find((element, index, array) => {
  //return true or false
})

Devuelve el primer elemento que devuelve verdadero. Devuelve undefined si no se encuentra el elemento.

Una sintaxis de uso común es:

a.find(x => x.id === my_id)

La línea anterior devolverá el primer elemento de la matriz que tieneid === my_id.

findIndex()funciona de manera similar afind(), pero devuelve el índice del primer elemento que devuelve verdadero y, si no se encuentra, devuelve-1:

a.findIndex((element, index, array) => {
  //return true or false
})

Otro método esincludes():

a.includes(value)

Devuelve verdadero siacontienevalue.

a.includes(value, i)

Devuelve verdadero siacontienevaluedespués de la posicióni.


Más tutoriales de js: