elliotlarson

const characterToRemove = "Donald";
const index = characters.findIndex(c => c === characterToRemove);

elliotlarson

const newCharacters = { ...characters };
newCharacters["1"] = newCharacter;

elliotlarson

const newCharacters = Object.assign(characters, {
 [updateId]: updatedCharacter
});

elliotlarson

const newCharacters = { ...characters, [updateId]: updatedCharacter };

elliotlarson

const updateId = 1;
const updatedCharacter = { id: 1, firstName: "The", lastName: "Dude" };

elliotlarson

const newCharacters = characters.filter(c => c !== oldName);
newCharacters.push(newName);
// gives you
// => ["Walter", "Donald", "The Dude"]

elliotlarson

const newCharacters = [...characters];
newCharacters[index] = newName;

elliotlarson

const newCharacters = characters.map(c => (c === oldName ? newName : c));
// or without the ternary
const newCharacters = characters.map(c => {
  if (c === oldName) {
    return newName;
  }
  return c;
});

elliotlarson

const newCharacters = [
  ...characters.slice(0, index), // all the items before the update item
  newName, // add the newName in place of the old name
  ...characters.slice(index + 1) // all the items after the update item
];

elliotlarson

const index = characters.findIndex(c => c === oldName);