如何使用JavaScript生成随机值作为localStorage的键名

该需求完全可以实现，核心逻辑是先生成合法不重复的随机字符串，再将其作为localStorage.setItem的第一个参数传入，替换原有固定键名即可。

实现方案 #

方案1：通用兼容版（适配所有浏览器） #

这个方案生成的键名格式和你给出的示例_8bcsk999r778311o完全一致，由前置下划线+小写字母、数字组成，可自定义随机部分长度，重复概率极低：

/**
 * 生成localStorage随机键名
 * @param {string} prefix 键名前缀，默认下划线
 * @param {number} randomLength 随机部分长度，默认15位
 * @returns {string} 生成的随机键名
 */
function generateStorageKey(prefix = '_', randomLength = 15) {
  const availableChars = 'abcdefghijklmnopqrstuvwxyz0123456789';
  let key = prefix;
  for (let i = 0; i < randomLength; i++) {
    const randomPos = Math.floor(Math.random() * availableChars.length);
    key += availableChars[randomPos];
  }
  return key;
}

// 实际调用示例
const randomKey = generateStorageKey();
localStorage.setItem(randomKey, input.value);

如果需要彻底杜绝键名重复的可能，把randomLength调到20以上即可。

方案2：现代浏览器极简版 #

如果不需要兼容IE等老旧浏览器，可以直接用浏览器原生提供的密码学安全UUID生成方法，不需要自己写随机逻辑，唯一性更强：

// 生成带前缀的唯一键名
const randomKey = `_${crypto.randomUUID().replaceAll('-', '')}`;
localStorage.setItem(randomKey, input.value);

注意：crypto.randomUUID()仅支持HTTPS环境或本地localhost开发环境，HTTP环境下调用会抛出异常，如果你的项目部署在普通HTTP环境下请使用方案1。

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