替换对象数组中的键值

Question

我正在做一个基本的消息应用程序的项目。基本上，我创建了一个对象数组，使我可以查看预建消息。然后，我应该能够单击清除所有按钮，并通过遍历对象数组来清除正在显示的所有消息。这是我到目前为止在messageData.js中拥有的内容

const messages = [
  {
    id: 'message1',
    message: 'Hello everyone! Welcome to hell',
    userId: 'user1',
  },
  {
    id: 'message2',
    message: 'Yall are weirdos!',
    userId: 'user3',
  },
  {
    id: 'message3',
    message: 'Hey! I think everyone is awesome!',
    userId: 'user2',
  },
  {
    id: 'message4',
    message: 'Thanks for saying that my friend.',
    userId: 'user4',
  },
  {
    id: 'message5',
    message: 'Hey buddy, what is up?',
    userId: 'user4',
  },
];

const getMessages = () => messages;

并且我想做的基本上是单击以允许将messages键值更改为空字符串onclick，这样我就摆脱了显示的消息而又没有摆脱对象，以便以后可以[ C0]将新消息转换为这些键值。

我开始写这篇文章，但是我似乎缺少一些东西。

push

我将在main.js文件上调用事件侦听器，所以我现在还不十分担心那部分。如果可能的话，我只想知道替换数组中键值的正确语法。

Answer 1

这是我选择的。我将此函数放置在了不是我创建domstring的messages.js中，而不是在messagesData.js中]

const clearBtnFunction = () => {
  messages.splice(1, '');
};

Answer 2

const clearBtnFunction = (e) => {
 e.preventDefault();
 const messages = message.getMessages();
 messages.splice(0, messages.length);
 messageBuilder(messages);
};