Ionic中Firebase实时数据库数值相加异常，parseInt无效求助

看起来你遇到的是字符串意外拼接而非数字相加的问题，同时代码里还有实时监听导致的循环更新问题，才会出现050505050505050这种重复拼接的结果。咱们一步步来排查和修复：

核心问题1：错误的变量类型 #

你定义的this.number = [50]是一个数组，不是数字类型。当你执行this.data.point + this.number时，JavaScript会把两者都转换成字符串进行拼接：

• 如果this.data.point是字符串"0"，"0" + [50]会变成"050"
• 再加上实时监听的循环触发，就会不断重复拼接，最终得到长串的0505050...

核心问题2：实时监听导致循环更新 #

你用了firebase.database().ref(...).on('value', ...)这个实时监听方法，每次数据库里的point更新时，这个回调都会触发；而你在回调里又调用了update去修改point，这就形成了无限循环，导致point被反复拼接更新。

修复后的代码 #

ngOnInit() { 
  // 把数组改成纯数字
  this.number = 50; 
}

check(){ 
  firebase.database().ref('users/').once('value', (snapshot) => { 
    let codeFound = false;
    snapshot.forEach(snap => { 
      const referralCode = snap.val().referralCode;
      this.newlist.push(referralCode); 
      
      if(this.checking.referralCode === referralCode){ 
        console.log('Referral Code Exists');
        this.presentAlert(); 
        
        this.auth.onAuthStateChanged(se => { 
          // 用once代替on，只获取一次当前用户的point值，避免循环触发
          firebase.database().ref('users/' + se.uid).once('value', resp => { 
            // 安全转换当前点数为数字，默认值0
            const currentPoint = parseInt(resp.val()?.point || '0', 10);
            // 数字相加，得到新点数
            const newPoint = currentPoint + this.number;
            // 更新数据库
            this.afDB.object('users/'+ se.uid).update({ point: newPoint });
            console.log('Updated point:', newPoint);
          });
        });
        
        codeFound = true;
        return true; // 终止forEach遍历
      }
    });
    
    if(!codeFound){
      console.log('Invalid');
    }
  });
}

额外优化建议 #

1. 类型安全：尽量给变量加上TypeScript类型声明，比如number: number;，避免不小心用错类型。
2. 避免嵌套回调：可以用Promise或async/await重构代码，让逻辑更清晰，减少回调地狱。
3. 错误处理：给数据库操作加上catch块，处理可能出现的网络或权限错误。

内容的提问来源于stack exchange，提问作者Joy Cheng