如何解决如何删除对象并将其重新添加到 JavaScript 数组?
我正在构建一个语言学习应用程序,该应用程序向用户显示闪存卡。我希望用户能够选择他们学习过的卡片并能够在单独的页面上显示它们。为此,我尝试将卡片添加到 onClick 数组,然后在第二次单击时将其从数组中删除,然后我希望他们能够稍后再次重新添加它。然后我可以获取数组中的数据并将其显示在其他地方。
我正在使用 react 钩子,目前有一个空的全局数组和一个函数:
const learnedCards = [];
addRemoveCard = () => {
setIsLearned(!isLearned);
const getCard = {
character: character,pinyin: pinyin,english: english,type: type,};
learnedCards.push(getCard);
if (isLearned) {
let stringifyCards = learnedCards.map(JSON.stringify);
let res = stringifyCards.filter(
(a,_,aa) => aa.indexOf(a) === aa.lastIndexOf(a)
);
let updatedLearnedCards = Array.from(res).map(JSON.parse);
console.log(updatedLearnedCards);
}
};
在第一次点击时推送卡片很容易,我正在努力寻找一种方法来删除和重新添加它们。上面的代码显示了我当前的尝试,它在第一次删除卡时起作用,但不允许用户稍后再次重新添加卡。我尝试将变量 res
重置为 null,但这没有帮助。有谁知道我可以解决这个问题的方法吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。