如何持久存储likedUserIds与dislikedUserIds？代码if语句未触发排查

你的代码存在几个关键逻辑错误，导致目标if分支无法正常触发，具体问题和修复方式如下：

1. 核心分支逻辑完全颠倒 #

你写的if(likedPhotoUserId)对应dislike操作，而else分支里又嵌套了if(likedPhotoUserId)来处理like操作——这意味着like分支永远不会执行，因为else本身就是likedPhotoUserId为假的场景，内层的if(likedPhotoUserId)自然永远不成立。

2. localStorage无对应key时无处理逻辑 #

内层的if(localStorage.getItem('dislikedUserIds'))如果不成立（也就是首次操作还没存过这个key），没有对应的else分支处理首次存储的情况。你当前的else分支属于!vals.includes(likedPhotoUserId)的判断，完全放错了位置，导致第一次存储时没有任何代码执行。

3. 存在类型匹配问题 #

localStorage存储的内容都是字符串，如果你传入的likedPhotoUserId是数字类型，vals.includes(likedPhotoUserId)会判断失败，因为数组里的元素是字符串格式的ID。

修复后的代码 #

const handleLikesBasedOnUserId = (likedPhotoUserId) => {
    console.log(likedPhotoUserId);
    const userIdStr = String(likedPhotoUserId); // 统一转为字符串，避免类型不匹配问题

    // 逻辑说明：传入有效userId时执行like操作，否则执行dislike（若业务逻辑相反，调换if/else内容即可）
    if (likedPhotoUserId) {
        // 处理likedUserIds
        let vals = [];
        const storedData = localStorage.getItem('likedUserIds');
        if (storedData) {
            vals = storedData.split(',');
        }
        if (!vals.includes(userIdStr)) {
            vals.push(userIdStr);
            vals.sort();
            localStorage.setItem('likedUserIds', vals.join(','));
        } else {
            console.log("该用户已在喜欢列表中");
        }
    } else {
        // 处理dislikedUserIds
        let vals = [];
        const storedData = localStorage.getItem('dislikedUserIds');
        if (storedData) {
            vals = storedData.split(',');
        }
        if (!vals.includes(userIdStr)) {
            vals.push(userIdStr);
            vals.sort();
            localStorage.setItem('dislikedUserIds', vals.join(','));
        } else {
            console.log("该用户已在不喜欢列表中");
        }
    }
};

额外说明 #

• 重构了localStorage的读取逻辑，先初始化空数组再根据存储内容赋值，避免多层嵌套的if/else，逻辑更清晰。
• 统一将用户ID转为字符串，彻底解决类型不匹配导致的判断失败问题。
• 修正了首次存储的逻辑，现在即使localStorage中没有对应key，也能正常初始化数组并完成存储。

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