当前位置:首页 > JavaScript

js实现随机

2026-03-14 23:06:33JavaScript

生成随机数

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

const randomNumber = Math.random();
console.log(randomNumber); // 输出类似 0.123456789

生成指定范围的随机整数

结合 Math.random()Math.floor() 生成指定范围内的随机整数。例如生成 1 到 10 之间的随机整数:

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
const randomInt = getRandomInt(1, 10);
console.log(randomInt); // 输出 1 到 10 之间的整数

生成随机字符串

使用 Math.random()toString(36) 生成随机字符串,可以截取所需长度。

const randomString = Math.random().toString(36).substring(2, 10);
console.log(randomString); // 输出类似 "4f9d2h7k"

从数组中随机选择元素

使用 Math.random() 从数组中随机选择一个元素。

const array = ['apple', 'banana', 'orange', 'grape'];
const randomElement = array[Math.floor(Math.random() * array.length)];
console.log(randomElement); // 随机输出数组中的一个元素

生成随机颜色

生成随机的十六进制颜色代码。

function getRandomColor() {
  return `#${Math.floor(Math.random() * 0x1000000).toString(16).padStart(6, '0')}`;
}
const randomColor = getRandomColor();
console.log(randomColor); // 输出类似 "#a1b2c3"

打乱数组顺序

使用 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;
}
const shuffledArray = shuffleArray([1, 2, 3, 4, 5]);
console.log(shuffledArray); // 输出类似 [3, 1, 5, 2, 4]

生成随机布尔值

生成随机的布尔值(true 或 false)。

js实现随机

const randomBoolean = Math.random() >= 0.5;
console.log(randomBoolean); // 随机输出 true 或 false

这些方法覆盖了常见的随机需求,可以根据具体场景选择合适的方法。

标签: js
分享给朋友:

相关文章

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-containe…

js实现求导

js实现求导

实现数值求导的方法 在JavaScript中实现求导通常采用数值方法,因为JavaScript不是符号计算语言。以下是常见的数值微分方法: 中心差分法 中心差分法提供较高精度的导数近似:…

js节流实现

js节流实现

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

js怎么实现异步

js怎么实现异步

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

js 实现页面刷新

js 实现页面刷新

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