You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

JavaScript新手求教:如何判断数据项是否在localStorage并触发对应函数?

关于JavaScript localStorage的检查与函数触发方案

作为新手,用localStorage其实很简单,下面直接给你实用的代码和说明:

核心检查逻辑

判断localStorage里是否存在某个内容,最可靠的方式是用localStorage.getItem('你的键名')——如果这个方法返回null,就说明该键不存在;如果返回其他值(包括空字符串""),就说明键已经存在。

示例代码

// 第一步:获取存储的内容
const targetItem = localStorage.getItem('user_setting');

// 第二步:判断并触发函数
if (targetItem !== null) {
  // 存在则触发你的函数
  executeMyFunction();
} else {
  // 不存在的话可以执行其他逻辑,或者啥也不做
  console.log('目标内容不存在于localStorage中');
}

// 你要触发的函数示例
function executeMyFunction() {
  console.log('函数已触发');
  // 这里写你的业务逻辑
}

补充:区分“键不存在”和“键存在但值为空”

如果你需要明确区分「完全没存过这个键」和「存了但值是空的」,上面的判断刚好适用:

  • targetItem === null → 键不存在
  • targetItem === "" → 键存在,但值是空字符串

另一种检查方式(不区分空值)

如果你只关心键是否存在,不管它的值是什么,也可以用in操作符:

if ('user_setting' in localStorage) {
  executeMyFunction();
}

这种情况下,哪怕键对应的值是null或者空字符串,都会判定为“存在”。

内容的提问来源于stack exchange,提问作者HTMLNerd_1

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.08 03:16:01