当前位置:首页 > JavaScript

js实现随机

2026-02-01 23:43:46JavaScript

生成随机数

使用 Math.random() 生成一个介于 0(含)和 1(不含)之间的随机浮点数:

const randomFloat = Math.random(); // 例如 0.123456789

需要生成指定范围的随机整数时,结合 Math.floor()Math.ceil()

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
const randomInt = getRandomInt(1, 10); // 生成 1-10 的整数

随机数组元素

从数组中随机选择一个元素:

js实现随机

const array = ['apple', 'banana', 'orange'];
const randomItem = array[Math.floor(Math.random() * array.length)];

打乱数组顺序(Fisher-Yates 算法):

function shuffleArray(array) {
  for (let i = array.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [array[i], array[j]] = [array[j], array[i]];
  }
  return array;
}
shuffleArray([1, 2, 3]); // 可能返回 [2, 3, 1]

生成随机字符串

生成指定位数的随机字母数字字符串:

js实现随机

function randomString(length) {
  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  let result = '';
  for (let i = 0; i < length; i++) {
    result += chars.charAt(Math.floor(Math.random() * chars.length));
  }
  return result;
}
randomString(8); // 例如 "aB3cD9fG"

密码学安全随机数

需要更高安全性时(如生成密钥),使用 crypto.getRandomValues()

const secureArray = new Uint32Array(1);
window.crypto.getRandomValues(secureArray);
console.log(secureArray[0]); // 安全的随机整数

随机颜色生成

生成十六进制随机颜色:

function randomHexColor() {
  return `#${Math.floor(Math.random() * 0x1000000).toString(16).padStart(6, '0')}`;
}
randomHexColor(); // 例如 "#3a7b29"

标签: js
分享给朋友:

相关文章

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js怎么实现异步

js怎么实现异步

异步实现方法 JavaScript中实现异步操作主要通过以下几种方式: Promise Promise是ES6引入的异步解决方案,用于处理异步操作的成功或失败状态。 const promise =…

js 实现页面刷新

js 实现页面刷新

使用 location.reload() location.reload() 是原生 JavaScript 提供的页面刷新方法。调用该方法会重新加载当前页面,相当于点击浏览器的刷新按钮。 // 基本…

js实现刷新

js实现刷新

刷新当前页面 使用 location.reload() 方法可以强制刷新当前页面。该方法接受一个布尔参数,默认为 false,表示从缓存中加载页面;设为 true 时强制从服务器重新加载。 // 从…

vue js 实现排序

vue js 实现排序

Vue.js 实现排序的方法 在 Vue.js 中实现排序可以通过多种方式完成,包括使用计算属性、方法或直接操作数据。以下是几种常见的实现方式: 使用计算属性排序 计算属性可以自动响应数据变化并重新…

vue.js实现app

vue.js实现app

Vue.js 实现 App 的方法 Vue.js 可以用于开发移动端 App,主要通过以下两种方式实现: 使用 Capacitor 或 Cordova 进行混合开发 Capacitor 和 Cor…