javascript - 单击按钮时删除数组项

Question

如何在点击时删除项目？这是我目前拥有的:

function deleteUser(name) {
   var person = name;

   const array = ['John','Mark','Andy'];
   const index = array.indexOf(person);
   if (index > -1) {
        array.splice(index, 1);
   }
   console.log(array);
}

<button onclick="deleteUser('John')"> Delete User </button>
<button onclick="deleteUser('Mark')"> Delete User </button>
<button onclick="deleteUser('Andy')"> Delete User </button>

我已经可以删除数组上的值，但我得到了不同的结果。
前任。当我删除一个值 John .我收到 ['Mark','Andy']但是当我删除 Mark我收到 ['John','Andy'] .

我想在单击时删除阵列上的项目

Answer 1

也许你可以定义 array在函数之外并使用 .filter() 删除项目。重要的是.filter()创建一个新数组，因此您需要在函数中重新分配结果。从文档中看到:

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

尝试如下:

let array = ['John','Mark','Andy'];

const deleteUser = name => {
   array = array.filter(e => e !== name);
   console.log(array);
}

<button onclick="deleteUser('John')"> Delete User </button>
<button onclick="deleteUser('Mark')"> Delete User </button>
<button onclick="deleteUser('Andy')"> Delete User </button>

我希望这有帮助!