Cómo reemplazar el objeto en una matriz en JavaScript

En JavaScript, la matriz es una estructura de datos comúnmente utilizada. Para manipular datos, debe saber cómo recuperarlos, agregarlos y reemplazarlos en una matriz. Más específicamente, puede reemplazar o agregar uno o más elementos de una matriz utilizando los métodos predefinidos de JavaScript.

Esta publicación de blog describirá los métodos para reemplazar los objetos en las matrices de JavaScript.

Cómo reemplazar el objeto en una matriz en JavaScript?

Para reemplazar un objeto en una matriz, JavaScript proporciona algunos métodos predefinidos que son los siguientes:

• • Uso del índice
  • Uso del método indexOf ()
  • Usando o bucle
  • Uso del método Splice ()

Discutamos los métodos mencionados anteriormente uno por uno!

Método 1: Reemplace el objeto en una matriz usando el índice

Este es el método más simple para reemplazar un elemento en una matriz. Se puede acceder a cada elemento de una matriz utilizando un índice, comenzando en 0. En este enfoque, debe usar soportes cuadrados para acceder a un elemento de matriz.

Sintaxis

Siga la sintaxis dada para reemplazar el objeto usando el índice de matriz:

Matriz [índice] = elemento;

Aquí, el elemento se reemplazará en el índice especificado de la matriz.

Ejemplo

Crearemos una matriz llamada "colores"Y luego imprímalo en la consola usando el"consola.registro()" método:

var colores = ["rojo", "azul", "verde", "rosa"];
consola.log ("Array original:", colores);

A continuación, reemplace el elemento de una matriz pasando el índice de la matriz usando notación de soporte. Reemplazaremos el elemento desde el índice "1" con "púrpura":

colores [1] = "púrpura";

Imprima la nueva matriz en la consola con la misma longitud:

consola.log ("matriz reemplazada:", colores);

La salida significa que el objeto de la matriz "azul"Se reemplaza con éxito"púrpura":

Pasemos al segundo método!

Método 2: Reemplace el objeto en una matriz usando el método indexOf ()

Hay otro método "índice de()"Que emitirá el índice del elemento especificado en una matriz. Si el argumento aprobado no puede ubicarse en una matriz, sale -1. Por lo tanto, si no conoce el índice de un elemento, use el método indexOf () para obtener el índice especificado de la matriz.

Sintaxis

La siguiente sintaxis se usa para el "índice de()" método:

Formación.indexOf ("elemento");

Ejemplo

Aquí, usaremos la misma variedad de "colores"Creado en el ejemplo anterior. Ahora, obtenga el índice del objeto de la matriz "rojo" utilizando el "índice de()"Método y guárdelo en una variable"Indice de color":

const colorindex = colores.indexOf ("rojo");

Luego, verifique el índice de la matriz si no es igual a -1, reemplace el objeto de la matriz "rojo" con "naranja":

if (colorindex !== -1)
colores [colorindex] = 'naranja';

Por último, imprima la nueva matriz reemplazando el elemento de la matriz:

consola.log ("nueva matriz:", colores);

Producción

Veamos otro método para reemplazar objetos en una matriz.

Método 3: Reemplace el objeto en una matriz usando para bucle

El objeto se puede reemplazar en una matriz utilizando el "para" bucle. Iterará la matriz hasta que no ocurra el valor especificado; Cada vez que el valor coincide con los objetos de la matriz, el método lo reemplaza con un nuevo elemento.

Sintaxis

Use la siguiente sintaxis del bucle for para reemplazar objetos en una matriz:

para (var i = 0; i…

Ejemplo

Aquí, la misma matriz llamada "colores"Se usa para reemplazar el"rosa"Con cualquier otro objeto"negro"Usando para bucle:

para (dejar colorindex = 0; índice < colors.length; colorIndex ++)
if (Colors [colorIndex] === 'rosa')
colores [colorindex] = 'negro';
romper;

Luego, imprima la matriz resultante usando el "consola.registro()" método:

consola.log ("nueva matriz:", colores);

La salida indica que el objeto de la matriz original "rosa"Se reemplaza con el nuevo objeto"negro":

Si desea reemplazar elementos de matriz de una matriz en cualquier índice especificado, siga la siguiente sección.

Método 4: Reemplace el objeto en una matriz usando el método Splice ()

Use el método predefinido de JavaScript "empalme()"Reemplazar objetos en una matriz. Agrega o elimina los elementos de matriz especificados y modifica la matriz original. Se usa en una combinación del método indexOf () para acceder al índice del elemento de matriz especificado y emplomado a él.

Sintaxis

Siga la sintaxis dada para utilizar el método Splice () para reemplazar elementos en una matriz:

formación.Splice (StartIndex, Deletecount, Element1, ..., Elementn)

Aquí el "Índice de comienzo"Es la ubicación en la matriz donde se debe colocar un nuevo elemento", "deletrepara"Indica cuántos elementos deben eliminarse y el"elemento1, ..., elemento"Son los elementos que necesitan ser reemplazados.

Ejemplo

Primero obtendremos el índice del objeto de la matriz "verde"Al pasarlo en el"índice de()"Método y guárdelo en variable"Indice de color":

const colorindex = colores.índicef ("verde");

Luego, llame al método Splice () y pase el índice de elemento "verde"Eso se almacena en la variable colorindex, que será reemplazada",1"Es un deletecount significa eliminar solo un elemento de una matriz y"Blanco"Como el reemplazo:

colores.empalme (colorindex, 1, 'blanco');

Por último, imprima la nueva matriz en la consola:

consola.log ("nueva matriz:", colores);

Hemos reunido todos los mejores enfoques para reemplazar objetos de las matrices JavaScript.

Conclusión

Para reemplazar el objeto en una matriz, JavaScript proporciona algunos métodos predefinidos, como el uso del índice de una matriz, el "índice de()"Método, el bucle for o el"empalme()" método. Todos estos métodos reemplazaron efectivamente un objeto de una matriz. El primer método es la forma más común de reemplazar los elementos de una matriz, pero es útil en pequeñas matrices cuyos índices se conocen. En este blog, describimos las diferentes formas de reemplazar los objetos en las matrices de JavaScript.