主页 / 问题 / 1187597
Accepted
MrYogurt
Asked:2020-10-08 18:28:05 +0000 UTC2020-10-08 18:28:05 +0000 UTC

如何在不重新组装该数组的情况下删除处于某个状态的数组的特定元素？

  • 772

有一种状态：

this.state = {
    names: ["name1", "name2", "name3"],
};

我需要一个函数，它会按名称删除一些值，而不是 id，像这样，但目前它只是无休止地运行，一切都崩溃了：

this.setState((prevState) => ({ names: [...prevState.names, delete[name]] }));
javascript

1 个回答

  1. Best Answer

    删除而不创建新数组

    Array.prototype.splice()

    splice() 方法通过删除现有元素和/或添加新元素来修改数组的内容。

    const state = {
  names: ["name1", "name2", "name3"],
};
console.log(state);

const deletable = 'name3';

for (let i = 0, len = state.names.length; i < len; i++) {
  if (state.names[i] === deletable) {
    state.names.splice(i, 1);
    break;
  }
}

console.log(state);

    删除并创建新数组

    Array.prototype.filter()

    filter() 方法创建一个新数组，其中包含通过传递函数中指定的测试的所有元素。

    const state = {
  names: ["name1", "name2", "name3"],
};
console.log(state);

const deletable = 'name3';

state.names = state.names.filter((name) => name !== deletable);

console.log(state);

    • 1

相关问题