Cómo agregar un elemento a una matriz en un índice específico en JavaScript

Descubra cómo agregar un elemento a una matriz en un índice específico en JavaScript

Supongamos que desea agregar un elemento a una matriz, pero no desea agregar un elemento al final de la matriz. Desea agregarlo explícitamente en un lugar particular de la matriz.

Ese lugar se llamaíndice.

Los índices de matriz comienzan desde0, por lo que si desea agregar el elemento primero, usará index0, en segundo lugar el índice es1, etcétera.

Para realizar esta operación utilizará elsplice()método de una matriz. Esta función es muy poderosa y además del uso que vamos a hacer ahora, también permite eliminar elementos de una matriz. Por lo tanto, proceda con precaución.

splice()toma 3 o más argumentos. El primero es el índice de inicio: el lugar donde comenzaremos a hacer los cambios. El segundo es el parámetro de conteo de borrado. Fueronagregandoa la matriz, por lo que el recuento de eliminaciones es 0 en todos nuestros ejemplos. Después de esto, puede agregar uno o varios elementos para agregar a la matriz.

He aquí un ejemplo. Toma esta matriz:

const colors = ['yellow', 'red']

Puede agregar un elemento despuésyellowusando:

colors.splice(1, 0, 'blue')
//colors === ['yellow', 'blue', 'red']

Puede agregar varios elementos, despuésyellow, usando:

colors.splice(1, 0, 'blue', 'orange')
//colors === ['yellow', 'blue', 'orange', 'red']

Nota: el resultado asumecolorses todavía['yellow', 'red']

Para agregar en la primera posición, use0como primer argumento:

colors.splice(0, 0, 'blue')
//colors === ['blue', 'yellow', 'red']

Más tutoriales de js: