当前位置: 首页 > ops >正文

Vue3项目,用ts写一个方法,生成1到50的随机整数,包含1和50

在Vue3项目中结合TypeScript生成1到50随机整数(含边界值)的方法如下:

<script setup lang="ts">
const generateRandomInt = (): number => {// 生成[min, max]范围内的随机整数const min = 1const max = 50return Math.floor(Math.random() * (max - min + 1)) + min
}
</script>

实现说明:

  1. Math.random()生成[0,1)的浮点数
  2. 乘以(max - min + 1)得到[0,50)范围
  3. Math.floor()向下取整得到[0,49]整数
  4. 加最小值1后得到[1,50]的闭区间结果

验证边界值:

  • Math.random()返回0时: 0 × 50 + 1 = 1 0 \times 50 + 1 = 1 0×50+1=1
  • Math.random()接近1时: 0.999999 × 50 ≈ 49.999 0.999999 \times 50 ≈ 49.999 0.999999×5049.999Math.floor得49 → 49 + 1 = 50 49 + 1 = 50 49+1=50

使用方法:

<template><button @click="generateRandomInt">生成随机数</button><div>当前值:{{ generateRandomInt() }}</div>
</template>
http://www.xdnf.cn/news/4469.html

相关文章:

  • Excel表格怎样导出为csv格式
  • Selenium的driver.get_url 和 手动输入网址, 并点击的操作,有什么不同?
  • WD1016 升压转换器性能特点及应用场景分析
  • C++_MD5算法
  • python+pytest接口自动化测试--日志记录
  • Linux cp 目录A所有内容到目录B
  • 深入探索Linux命名管道(FIFO):原理、实践与高级技巧
  • 【上位机——MFC】对话框
  • C25-数组应用及练习
  • DHCP理解
  • 在scala中,转换算子和行动算子有什么区别
  • 39.电气连接口与隔离舱设计
  • 【学习笔记】机器学习(Machine Learning) | 第五章(4)| 分类与逻辑回归
  • 在线PDF阅读方案:jQuery + PDF.js
  • K8S 基于本地存储的持久卷
  • 《Python星球日记》 第44天: 线性回归与逻辑回归
  • 猫咪如厕检测与分类识别系统系列~进阶【一】视频流推流及网页实时展示
  • 电脑桌面悬浮窗便签,好用的电脑桌面便签工具
  • Android Studio根目录下创建多个可运行的模块
  • ESP32-S3 I2S音频开发实战指南
  • Nginx性能调优与深度监控
  • html css js网页制作成品——HTML+CSS珠海网页设计网页设计(4页)附源码
  • LVGL-对象 lv_obj_t
  • FAISS(Facebook AI Similarity Search)
  • STM32基础教程——软件SPI
  • 高效C/C++之七:Coverity修复问题: 打印函数切记对应类型 和 判定非空指针变量后使用
  • eFish-SBC-RK3576工控板外部RTC测试操作指南
  • 【工具变量】最新华证ESG评级得分数据-含xlsx及dta格式(2009-2024.12)
  • vscode预览模式(点击文件时默认覆盖当前标签,标签名称显示为斜体,可通过双击该标签取消)覆盖标签、新窗打开
  • 用 CodyBuddy 帮我写自动化运维脚本