我需要一些帮助来从数组中删除项目。我有许多复选框,每个复选框都有一个动态创建的数据属性。取消选中复选框时,我想从数组中删除与每个数组项的 item.sector 值匹配的项。我不能完全让它工作。任何帮助将不胜感激。
let mapMarkers = [];
function addFilter(self) {
const markerObject = filterObject[self.id];
const markerID = markerObject[0]["id"];
const dataSetSector = self.dataset.sector;
const dataSetYear = self.dataset.year;
if (self.checked) {
mapMarkers.push(markerObject);
} else {
// data attribute SECTOR exists
if (self.hasAttribute("data-sector")) {
mapMarkers = mapMarkers.reduce((acc, curr) => {
if (curr.sector !== dataSetSector) acc.push(curr);
return acc;
});
}
// data attribute YEAR exists
else if (self.hasAttribute("data-year")) {
mapMarkers = mapMarkers.reduce((acc, curr) => {
if (curr.sector !== dataSetYear) acc.push(curr);
return acc;
});
}
}
}
最佳答案
reduce的第二个参数是初始值,即acc的初始值。由于您在 acc
上调用 push
方法,因此它可能应该是一个数组。
当您省略第二个参数时,数组中的第一个元素将用作初始值。即:第一次调用需要 (mapMarkers[0], mapMarkers[1])
。
要解决此问题,请将新数组传递给 reduce
方法:
mapMarkers = mapMarkers.reduce((acc, curr) => {
if (curr.sector !== dataSetSector) acc.push(curr);
return acc;
}, []);
// ^--- change
或者,按照评论中的建议,您可以使用过滤器
。
关于javascript - 使用reduce从数组中删除项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49257271/