Ionic-Angular应用LocalStorage数值求和代码问题排查

你在Ionic-Angular应用里用LocalStorage存了Age1=3.5、Age2=4，想把这两个数相加得到7.5，但现有代码没达到预期，主要问题出在这几个地方：

• 未初始化结果变量
  如果this.result在使用前没有被赋值，默认是undefined。第一次执行undefined + 3.5会得到NaN，之后不管加什么数结果都是NaN，自然出不来正确的7.5。解决办法很简单，在循环前先把this.result初始化为0：

  this.result = 0;
  

• 遍历范围未做过滤
  你现在的代码会遍历LocalStorage里所有的键值对，如果存储里还有其他非Age开头的键（比如用户其他配置数据），这些值如果不是合法数字，JSON.parse后相加会直接让结果变成NaN。建议加个判断，只处理以Age开头的键：

  if (key.startsWith('Age')) {
    // 执行相加逻辑
  }
  

• 缺少数值有效性校验
  虽然你说存的是数字，但要确保存储时是用JSON.stringify存的合法数值（比如localStorage.setItem('Age1', JSON.stringify(3.5))）。如果存的是格式错误的字符串，JSON.parse会直接抛出错误，中断整个循环。可以加个校验，确保解析后的值是有效数字：

  const value = JSON.parse(localStorage.getItem(key));
  if (typeof value === 'number' && !isNaN(value)) {
    this.result += value;
  }
  

修正后的完整代码示例 #

this.result = 0; // 初始化结果变量
for (let i = 0; i < localStorage.length; i++){ 
  let key = localStorage.key(i); 
  // 只处理目标键，避免无关数据干扰
  if (key.startsWith('Age')) {
    try {
      const value = JSON.parse(localStorage.getItem(key));
      // 校验是否为有效数字
      if (typeof value === 'number' && !isNaN(value)) {
        this.result += value;
        console.log(value);
      }
    } catch (e) {
      console.error(`解析${key}的值出错:`, e);
    }
  }
}

内容的提问来源于stack exchange，提问作者Bongaigaon Gapps