Cómo reemplazar un elemento de un array con JavaScript

Javascript

En este tutorial vamos a ver cómo puedes reemplazar un elemento de un array usando JavaScript. Se dan dos posibles escenarios, ya que podrías conocer previamente el índice del elemento que quieres reemplazar o podrías no conocerlo.

Si conoces el índice del elemento que quieres reemplazar, bastará con realizar una simple asignación. En el siguiente ejemplo, reemplazamos el elemento 'manzana' del array 'frutas' por el elemento 'limon', sabiendo previamente que el elemento 'manzana' está en la posición con índice 2 del array:

const frutas = ['naranja', 'pera', 'manzana', 'platano', 'fresa', 'granada'];
const indice = 3;

frutas[indice] = 'limon';

console.log(frutas); // ['naranja', 'pera', 'limon', 'platano', 'fresa', 'granada']

Si no conoces el índice del elemento, tendrás que buscar su índice partiendo de su valor. Para ello puedes usar el método indexOf. Por ejemplo, pongamos que queremos reemplazar el elemento 'manzana' del array frutas por el elemento 'limon':

const frutas = ['naranja', 'pera', 'manzana', 'platano', 'fresa', 'granada'];
const indice = frutas.indexOf('manzana');

frutas[indice] = 'limon';

console.log(frutas); // ['naranja', 'pera', 'limon', 'platano', 'fresa', 'granada']

En caso de que no conozcas el índice y el elemento sea un objeto, tendrás que usar el método findIndex:,

const frutas = [
  { nombre: 'naranja', color: 'naranja' },
  { nombre: 'limon', color: 'amarillo' },
  { nombre: 'fresa', color: 'rojo' },
];

const indice = frutas.findIndex((elemento, indice) => {
  if (elemento.nombre === 'fresa') {
    return true;
  }
});

console.log(indice); // 2

Para ver en detalle cómo usar los métodos indexOf y findIndex, consulta el siguiente tutorial, en donde explico cómo obtener el índice de un elemento con JavaScript.

Y esto ha sido todo.


Avatar de Edu Lazaro

Edu Lázaro: Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.

👋 Hola! Soy Edu, me encanta crear cosas y he redactado esta guía. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirla en Twitter 😊

Si quieres conocer mis proyectos, sígueme en Twitter.

3 comentarios en “Cómo reemplazar un elemento de un array con JavaScript

  1. Hola amigo, está muy bueno tu informacion y me ayudo muchísimo y una pregunta… para que me de la posicion del ultimo elemento del array como se hace, soy nuevo disculpa mi ignorancia xd uwu

    1. Para conocer la ultima posicion de un elemento de un array escribes el nombre del array y el punto length – 1
      Ej:
      array.length – 1 te da la posicion del ultimo elemento de un array.

  2. Hola!, muy claros los ejemplos.
    Una duda: en el primer ejemplo del array de frutas, la variable «indice», no deberia contener 2 para apuntar a «limon» ?
    los indices de arrays no empiezan desde 0 ?

    saludos.

Deja una respuesta

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

“- Hey, Doc. No tenemos suficiente carretera para ir a 140/h km. - ¿Carretera? A donde vamos, no necesitaremos carreteras.”