当前位置:首页 > 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 的整数

随机数组元素

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

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]

生成随机字符串

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

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]); // 安全的随机整数

随机颜色生成

生成十六进制随机颜色:

js实现随机

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

标签: js
分享给朋友:

相关文章

js实现轮播图

js实现轮播图

轮播图实现方法 基础HTML结构 <div class="slider"> <div class="slides"> <img src="image1.jpg…

js实现vue路由

js实现vue路由

Vue路由基础实现 使用Vue Router实现前端路由需要先安装并配置路由库。Vue Router是Vue.js官方的路由管理器。 安装Vue Router: npm install vue-r…

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数: fun…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…