React Native中AsyncStorage获取null变量的判断失效问题求助

问题根源 #

AsyncStorage的所有存储数据都会被序列化为字符串。当你看到控制台输出"null"时，大概率拿到的是字符串类型的"null"，而非JavaScript原生的null值。===是严格类型相等判断，字符串"null"和原生null类型不同，所以判断不生效。

你可以加一行代码验证类型：

console.warn(typeof userId); // 如果输出是"string"，就说明是字符串"null"

解决方案 #

方案1：处理字符串"null"的情况

先把字符串形式的"null"转为原生null，再做判断：

const userId = await AsyncStorage.getItem('userId');
// 转换字符串"null"为原生null，同时处理未存储该键时的undefined
const actualUserId = userId === "null" ? null : userId;

if (actualUserId === null || actualUserId === undefined) {
    console.warn("未找到用户ID，跳转登录页");
    navigation.navigate("UserLoginWeb");
}

方案2：规范存储逻辑（推荐）

存储userId时避免存入字符串"null"：

• 用户登录成功后，存储实际的userId字符串（比如await AsyncStorage.setItem('userId', '12345')）
• 用户退出登录时，直接删除该键（await AsyncStorage.removeItem('userId')），而非存入"null"

这种情况下，未登录时getItem会返回原生null，原有的userId === null判断就能正常生效。

方案3：用JSON解析处理

如果存储时是用JSON.stringify存的，获取时用JSON.parse解析：

const userId = await AsyncStorage.getItem('userId');
const parsedUserId = userId ? JSON.parse(userId) : null;

if (parsedUserId === null) {
    navigation.navigate("UserLoginWeb");
}

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