如何在HTML5 localStorage中存储扫雷游戏的noWins变量

AI 小北

2026-5-20

实现扫雷胜利时存储变量到localStorage

嘿，这个需求很容易搞定，咱们一步步来实现，确保逻辑顺畅：

1. 先初始化变量（游戏启动时）

首先得从localStorage里读取之前保存的noWins值，如果是用户第一次玩游戏，就默认把noWins设为0——这样能保证用户的游戏数据在刷新页面或重新打开游戏后不会丢失：

// 初始化noWins：优先读localStorage的历史值，没有则设为0
let noWins = parseInt(localStorage.getItem('noWins')) || 0;

这里用parseInt是因为localStorage只能存储字符串，取出来后要转成数字类型；|| 0是处理第一次玩时localStorage里没有noWins的情况，避免出现NaN。

2. 胜利时触发存储操作

当你的wonGame布尔值变为true（也就是游戏判定胜利的那一刻），咱们就把noWins存入localStorage。如果noWins是用来统计胜利次数的，记得先自增再存储：

// 假设这是你的游戏胜利判断逻辑
if (wonGame) {
  // 如果是统计胜利次数，先让次数加1
  noWins++;
  // 将更新后的noWins存入localStorage
  localStorage.setItem('noWins', noWins.toString());
}

小细节提示：

localStorage.setItem(key, value)要求value是字符串类型，所以用toString()把数字转成字符串（JS也会自动帮你转，但显式转换更严谨）。
如果你的noWins不是胜利次数，而是其他和胜利相关的变量（比如当前通关的关卡编号），直接去掉noWins++，存当前的noWins值就行。