为新用户填充一次 localStorage [重复]

Posted

技术标签:

【中文标题】为新用户填充一次 localStorage [重复]【英文标题】:Populate localStorage once for a new user [duplicate] 【发布时间】:2021-07-18 16:11:50 【问题描述】:

正在开发允许用户保留使用 localStorage 的列表的 Chrome 扩展程序。

目前工作:用户可以在他们的列表中输入东西,它会存储在 localStorage 中,用户可以从列表中删除东西,它会从 localStorage 中消失。

想弄清楚:我怎样才能让用户从他们的列表中的几个示例项目开始?

function startStorage ()
localStorage.setItem('list', 'your first list item');
startStorage();

上述代码的问题:每次用户刷新页面时,它都会再次填充起始项。有没有办法只填充一次?截至目前,每次重新加载时都会触发函数,以便他们再次获得起始项目。

感谢您的任何想法。

【问题讨论】:

使用if语句检查storage是否已经有item? 【参考方案1】:

你可以通过getItem检查这个本地存储项是否已经存在

function startStorage ()
  if(!localStorage.getItem('list'))
  localStorage.setItem('list', 'your first list item')
   

startStorage();

【讨论】:

以上是关于为新用户填充一次 localStorage [重复]的主要内容,如果未能解决你的问题,请参考以下文章

LocalStorage 更新元素导致与 JQuery 中的 JSON 重复

HTML5 LocalStorage:检查密钥是不是存在[重复]

如何将字符串数组拆分为新的字符串数组并删除重复项

如何在“方面填充”模式下将 UIImageView 裁剪为新的 UIImage?

如何在“方面填充”模式下将 UIImageView 裁剪为新的 UIImage?

React Formik Material UI Autocomplete:如何从 localStorage 填充自动完成内部的值?