如果每个值有多个，我如何根据其值从数组中仅删除一个元素

Question

如果每个值有多个，如何根据值从数组中仅删除一个元素。 顺便说一句，该数组是一副纸牌。

Answer 1

如果您不知道它在数组中的位置，您可以使用findIndex ：

const index = theArray.findIndex(entry => entry.property === value);

这将返回第一个匹配项的索引，如果未找到匹配项，则返回 -1。 然后您可以通过使用splice修改原始数组来删除它：

theArray.splice(index, 1);

...或通过创建一个省略该元素的新数组：

theArray = theArray.filter((e, i) => i !== index);

现场示例：

 let theArray = [ {suit: "Diamonds", number: 1}, {suit: "Clubs", number: 7}, {suit: "Spades", number: 6}, {suit: "Clubs", number: 1} ]; // Find and remove the first Club const index = theArray.findIndex(entry => entry.suit === "Clubs"); if (index !== -1) { theArray.splice(index, 1); console.log("Updated array:", theArray); } else { console.log("Not found"); }

 .as-console-wrapper { max-height: 100% !important; }

另一种方法是只使用filter来创建一个新数组，用一个标志告诉自己是否已经找到并删除了该项目：

let found = false;
theArray = theArray.filter(entry => found || !(found = entry.property === value));

现场示例：

 let theArray = [ {suit: "Diamonds", number: 1}, {suit: "Clubs", number: 7}, {suit: "Spades", number: 6}, {suit: "Clubs", number: 1} ]; // Find and remove the first Club let found = false; theArray = theArray.filter(entry => found || !(found = entry.suit === "Clubs")); console.log("Updated array:", theArray);

 .as-console-wrapper { max-height: 100% !important; }