JS实现的密码生成器如何确保生成密码满足强密码规则要求

当前实现的8位密码生成器采用全字符池随机抽样逻辑，无法保证每次生成结果覆盖所有要求的字符类型，不符合强密码规范。需要强制满足以下规则：

• 必须包含大写字母
• 必须包含小写字母
• 必须包含特殊符号
• 必须包含数字

原有逻辑循环8次从混合字符池中随机取字符，属于纯概率抽样，当抽样次数（8次）远小于字符池总长度时，某一类字符完全没被抽到的概率很高，无法100%满足强制规则。

采用「保底抽取+随机补全+乱序」的逻辑实现，相比循环校验重生成的方案效率更高，也不会暴露密码字符位置规律：

1. 将原混合字符池拆分为大写字母、小写字母、数字、特殊符号4个独立字符集
2. 先从每个字符集中各随机抽取1个字符，确保4类字符必然存在
3. 剩余的密码位数（总长度-4）从合并后的全字符池中随机抽取补全
4. 对凑齐长度的字符数组做无偏洗牌打乱顺序，避免前4位固定为某类字符的安全隐患
5. 拼接为最终密码字符串输出

JavaScript 部分 #

// 移除原代码中无对应DOM节点的myInp冗余选择逻辑
const password = document.querySelector('#password');
const button = document.querySelector('#generate');
const btnCopy = document.querySelector('#btnCopy');

// 复制功能
btnCopy.onclick = function() {
  password.select();
  document.execCommand("Copy");
};

// 拆分四类独立字符集，修正原代码中特殊符号的HTML转义问题
const charSets = {
  upper: 'QWERTYUIOPASDFGHJKLZXCVBNM',
  lower: 'qwertyuiopasdfghjklzxcvbnm',
  number: '0123456789',
  symbol: '!@#$%^&*/?~(){}[]<>."'
};
// 合并全字符池用于补全随机位
const allChars = Object.values(charSets).join('');
const passwordLength = 8;

// Fisher–Yates 洗牌算法，公平打乱数组顺序
const shuffleArray = (arr) => {
  for (let i = arr.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [arr[i], arr[j]] = [arr[j], arr[i]];
  }
  return arr;
};

// 从指定字符集中随机取1个字符
const getRandomChar = (charSet) => {
  const randomIndex = Math.floor(Math.random() * charSet.length);
  return charSet[randomIndex];
};

const createPassword = () => {
  let pwdChars = [];
  // 第一步：每类字符保底取1个，满足强制规则
  Object.values(charSets).forEach(set => {
    pwdChars.push(getRandomChar(set));
  });
  // 第二步：补全剩余密码位数
  for (let i = pwdChars.length; i < passwordLength; i++) {
    pwdChars.push(getRandomChar(allChars));
  }
  // 第三步：打乱顺序后拼接为最终密码
  pwdChars = shuffleArray(pwdChars);
  password.value = pwdChars.join('');
}

button.addEventListener('click', createPassword);
// 页面加载时默认生成一个密码，优化使用体验
createPassword();

HTML 部分（原有逻辑可直接复用，无需修改） #

<div class="form-group">
  <label for="inputPassword" class="col-sm-2 control-label">Make strong password</label>
  <input type="text" class="form-control" id="password" readonly>
  <button id="generate" class="btn btn-primary" type="button">Make</button>
  <button id="btnCopy" class="btn btn-primary" type="button">Copy</button>
</div>

• 该实现可以100%保证每次生成的密码都覆盖四类要求的字符，不会出现缺失某类字符的情况
• 洗牌逻辑避免了固定位置出现某类字符的规律，不会降低密码安全性
• 如果后续需要调整密码长度，只要设置的长度≥4，核心逻辑都可以正常工作，无需额外修改

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