本文详细介绍JavaScript中Math.random()方法的定义与基础用法，涵盖生成0到1之间小数、指定范围随机数及整数转换技巧。通过向下取整、向上取整及区间计算公式，结合获取不重复热榜数据的实战案例，帮助开发者掌握随机数在业务场景中的具体应用。
前言：
在项目开发过程中，我们常会遇到需要随机返回多条不重复数据的功能需求，或者某些功能当时拿来即用，后续再次需要时却遗忘具体实现方式的情况。尽管这类场景的使用频率不高，但仍有必要单独进行梳理和讲解。
定义
JavaScript中生成随机数的操作是基于 Math 对象下的 random() 方法实现的。
Math.random() 方法用于随机获取范围内的一个数值，其精度精确到小数点后14位。
基础写法
最简单的用法是随机生成一个 0 到 1 之间的数值。
// 语法: Math.random()
生成指定范围内的随机数
若要生成小于 m 的随机数（包含小数），可直接对 Math.random() 的结果进行乘法运算。
// 语法: Math.random() * m
Math.random() * 60 
若需生成小于 m 的整数，可以先利用 方法去除小数部分，从而将生成的随机数转换为整数。
可以使用 parseInt 去除小数点的形式将生成的随机数转换为整数。
// 语法: Math.random() * m
parseInt(Math.random()* 60)
生成向下取整的随机整数：
通过 Math 对象下的 floor 属性进行舍弃小数向下取整，当然你也可以使用 Math.ceil 进行向上取整处理。
// 语法: Math.random() * m
Math.floor(Math.random()* 60)
生成两个数之间的随机数
表示生成 n 到 m+n 之间的随机数，通常通过 Math.random() * m + n 实现。
// 语法: Math.random() * m + n
// 范围：n ~ m+n
Math.random() * 10 + 8 // 8 ~ 18 
生成 -n 到 m+n 之间的随机数，可通过 Math.random() * m - n 的方式实现。
// 语法: Math.random() * m - n
// 范围：-n ~ m+n
Math.random() * 10 - 8 // -8 ~ 2
生成 -m 到 0 之间的随机数，可使用 Math.random() * m - m 的计算方式。
// 语法: Math.random() * m - m
// 范围：-m - 0
Math.random() * 10 - 10 // -10 - 0
生成 n 到 m 之间的随机整数（包括 n 与 m），通常使用 Math.floor(Math.random() * (m - n)) + n 的公式。
// 语法: Math.floor(Math.random() * (m - n)) + n
// 范围：n ~ m
Math.floor(Math.random() * (8 - 100)) + 100 // 8~100
常用场景
了解语法后，接下来介绍一个项目中的实际应用场景：从数据列表中随机获取3条不重复的热门数据（热榜）。
function random_pick(list, target) {
/**
* @param {number[]} list - 数据
* @param {number} target - 获取的条数
*/
// 1. 保存热榜
let hot = [];
// 2. 保存热榜的索引
for (let index = 0; index < list.length; index++) {
// 3. 如果热榜采集完，则直接返回
if (hot.length >= target) return hots(hot);
// 4. 每次随机取出一个数
let r = Math.floor(Math.random() * list.length);
// 5. 如果随机数不在热榜里，则加入热榜
if (hot.indexOf(r) == -1) {
hot.push(r);
}
}
// 热榜过滤函数
function hots(params) {
return params.map(item => { return list[item] });
}
}
let r = random_pick([22, 33, 44, 55, 66, 77, 88], 3)到此这篇关于JavaScript中随机数方法 Math.random()的文章就介绍到这了,更多相关JS - Math.random() 内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！