Cómo reemplazar elemento de una matriz en JavaScript?

JavaScript matriz Ejemplo: A continuación, vamos a aprender cómo sustituir elemento de una matriz en JavaScript?

En este artículo, vamos a ver diversos métodos de acción para reemplazar a un elemento de una matriz de JavaScript .

Considere la siguiente matriz,

let heroes = [
"Captain America",
"Iron Man",
"Thor",
"Hulk",
"Loki"
]
console.log(heroes);

salida

(5) ["Captain America", "Iron Man", "Thor", "Hulk", "Loki"]

Tras el final del juego, estamos seguros de que vamos a ver nunca “Iron Man” de nuevo y nuestra vecindad amistosa “hombre araña” tiene muy así se unió a la tripulación. Así ¿cómo reemplazamos con Iron Man Spiderman en la matriz héroes?

El primer enfoque es el enfoque ingenuo donde podemos pasar por la matriz, encontrar el elemento que tuvimos que reemplazar y cambiar con el nuevo elemento.

let heroes = [
"Captain America",
"Iron Man",
"Thor",
"Hulk",
"Loki"
]
console.log(heroes);
for (let i = 0; i < heroes.length; i++) {
if (heroes[i] == "Iron Man")
heroes[i] = "Spiderman";
}
console.log(heroes);

salida

(5) ["Captain America", "Iron Man", "Thor", "Hulk", "Loki"]
(5) ["Captain America", "Spiderman", "Thor", "Hulk", "Loki"]

Podemos hacer un poco mejor?

Podemos utilizar el método especias () en nuestro arsenal que se utiliza para añadir y eliminar elementos de una matriz. Este método toma el primer argumento como un índice que especifica que se añade o se elimina la posición del elemento. El siguiente argumento que se necesita es el número de elementos a eliminar y es opcional. El último argumento es los nuevos elementos añadidos a la matriz.

    array.splice(index,number,newItem);

Ejemplo:

heroes.splice(1,1,"Spiderman");
console.log(heroes);

salida

(5) ["Captain America", "Spiderman", "Thor", "Hulk", "Loki"]

Otra manera que podemos hacer esto es mediante el uso de la método mapa . El método mapa itera a través de la matriz que se invoca en y se ejecuta una función de devolución de llamada en cada valor. Se suma el resultado de que devolución de llamada a la nueva matriz y devuelve una matriz al final de la ejecución de devolución de llamada de la misma longitud.

let newHeroes = heroes.map(hero => {
if (hero == "Iron Man")
return "Spiderman";
else
return hero;
})
console.log(newHeroes);

salida

(5) ["Captain America", "Spiderman", "Thor", "Hulk", "Loki"]

ya que el mapa nos devuelve una nueva matriz, que pueden utilizar la nueva matriz obtenida y copiar que a nuestra matriz de edad para que efectivamente nuestra operación parece en su lugar.

heroes = newHeroes;
console.log(heroes);

salida

(5) ["Captain America", "Spiderman", "Thor", "Hulk", "Loki"]


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *