Javascript 如何使用按钮删除本地webstorage中的对象

我有一个学校项目，我需要建立一个音乐网站，它几乎完成了，但我有问题做的播放列表与网络本地存储

“严格使用”
常量配置={
播放列表\ U键：“播放列表”，
};
功能添加音乐播放列表（数据）{
让music=newarray（）；
if（localStorage.hasOwnProperty（配置播放列表\u键））{
music=JSON.parse（localStorage.getItem（configs.PLAYLIST_KEY））；
}
音乐推送（数据）；
setItem（configs.PLAYLIST_KEY，JSON.stringify（music））；
}
$（“.add music button”）。在（“单击”上，函数（）{
让musicRef=$（this.data（“ref”）；
让musicObject={
作者：$（`musicRef}.music author`）html（），
标题：$（`musicRef}.music title`）html（），
};
添加音乐播放列表（musicObject）；
});
$（文档）.ready（函数（）{
如果（$（“#播放列表表”）。长度>0）{
if（localStorage.hasOwnProperty（configs.PLAYLIST_KEY））{//testa se o objecto tem a propriedade specificatada
parse（localStorage.getItem（configs.PLAYLIST_KEY））.map(
（音乐，索引）=>{
$（“#播放列表表”）.append(`
${music.author}
${music.title}
音乐
`);
}
);
}
}
});
函数apagar（）{
localStorage.removietem（'playlist'）
}

我只能删除播放列表中的所有音乐，但我只想删除一首音乐，如下所示：

“按钮1：音乐1

按钮2：音乐2

按钮3：音乐3

按钮4：音乐4“

如果用户按下按钮3，我希望它从播放列表中删除音乐3。

---

我该怎么做？

设置一个索引参数，即：

onclick=“apagar（index）”

然后，创建

apagar

函数：

function apagar(index) {
   let musics = new Array();
   musics = JSON.parse(localStorage.getItem(configs.PLAYLIST_KEY));

   musics = musics.filter((_, i) => i !== index);

   localStorage.setItem(configs.PLAYLIST_KEY, JSON.stringify(musics));
}

---

您应该

setItem（musics）

其中musics是一个元素数组，没有要删除的元素-您必须更新本地存储项内容，而不是完全删除它。不要将其视为“本地存储中的音乐”；将其视为一组项目。如何从数组中删除项。一旦你得到了你想要的数组，序列化它并将其存储在本地存储器中。如果我在“onclick=”apagar（index）”中设置和索引参数，我会说：“索引没有定义使用字符串插值：

apagar（${index}）