javascript - 如何在 Svelte 中拼接后更新数组？

Question

我正在学习 Svelte，并在文档中读到需要重新分配数组才能让组件或页面更新它。为此，他们设计了一个更惯用的解决方案。而不是写:

messages.push('hello');
messages = messages;

你可以这样写:

messages = [...messages, 'hello'];

好吧，有道理。但是文档说:

You can use similar patterns to replace pop, shift, unshift and splice.

但是怎么办呢？我不明白如何从数组中删除项目。更重要的是，我怎样才能更地道地编写以下内容？

messages.splice(messages.indexOf('hello'), 1);
messages = messages;

Answer 1

你可以例如使用filter array 方法创建一个不包含元素 'hello' 的新数组:

messages = messages.filter(m => m !== 'hello');