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

javaScript:Math工具类方法

1 Math工具类方法:

=>和其他的类的不同,Math并不是一个构造函数,也就是无法通过new来创建Math的实例

=>Math表示的数学,在Math对象中存储了一组数学运算相关的常量的和方法

=>这些常量和方法可以直接通过Math来访问

=>比如Math.PI用来表示圆周率

=>像Math这种对象,我们称其为工具类

// console.log(Math.PI);/*Math.PI 表示圆周率Math.abs(x) 返回一个数的绝对值Math.ceil(x) 向上取整(尽量往大了取)Math.floor(x) 向下取整(尽量往小了取)Math.round(x) 四舍五入取整*/var a = -10;var result = Math.abs(a);result = Math.ceil(3.5); // 4result = Math.ceil(3.1); // 4result = Math.ceil(3.01); // 4result = Math.floor(3.5); //3result = Math.floor(3.99); //3result = Math.ceil(-3.01); //-3result = Math.floor(-3.99); //-4result = Math.round(3.5);//4result = Math.round(3.44444444);//3// result = Math.round(-3.44444444);//-3// result = Math.round(-3.5555);//-4// console.log(result);// parseInt()虽然也可以进行取整,但是不要用它取整,它的性能很差// var num = 10.5;// console.time('parseInt');// for(var i=0; i<10000000; i++){// parseInt(num);// }// console.timeEnd('parseInt');//// console.time('ceil');// for(var i=0; i<10000000; i++){// Math.ceil(num);// }// console.timeEnd('ceil');/*Math.max([x[, y[, …]]]) 获取多个值中最大值Math.min([x[, y[, …]]]) 获取多个值中最小值Math.pow(x, y) 求x的y次幂 相当于 x ** y,但是pow()兼容性更好Math.sqrt(x) 求x的平方根 相当于 x ** 0.5*/result = Math.max(11,22,3);result = Math.min(11,22,3);var arr = [3,2,1];// result = Math.max(...arr);result = Math.pow(4,3);result = Math.sqrt(2);// console.log(result);/*Math.random()- 生成一个0-1之间的(伪)随机数- 不包括0也不包括1- 希望随机生成一个0-9之间的整数?*/for(var i=0; i<100; i++){result = Math.random();console.log(result);}

2案例: 生成指定范围随机数:

for(var i=0; i<100; i++){// 随机数的范围是 0-1// 给整个结果 乘以 10 范围就是 0-10 之间// 整数的0-10之间 Math.round(Math.random()*10)// 整数的0-9之间 Math.floor(Math.random()*10)// 整数的1-10之间 Math.ceil(Math.random()*10)
/*生成一个0-x间的整数Math.round(Math.random()*x)生成一个x-y间的整数Math.round(Math.random()*(y-x)) + x*/// 生成 1-6 之间的整数// var result = Math.round(Math.random()*5) + 1;// 生成一个33-40之间的整数var result = Math.round(Math.random()*7) + 33;// console.log(result);}//有一个数组var arr = [1,2,3,4,5,6,7,8,9,10];//把数组的顺序打乱arr.sort(function(a, b) {return Math.random() - Math.random();});console.log(arr + '')

欢迎关注我的原创文章:小伙伴们!我是一名热衷于前端开发的作者,致力于分享我的知识和经验,帮助其他学习前端的小伙伴们。在我的文章中,你将会找到大量关于前端开发的精彩内容。

学习前端技术是现代互联网时代中非常重要的一项技能。无论你是想成为一名专业的前端工程师,还是仅仅对前端开发感兴趣,我的文章将能为你提供宝贵的指导和知识。

在我的文章中,你将会学到如何使用HTML、CSS和JavaScript创建精美的网页。我将深入讲解每个语言的基础知识,并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者,我的文章都能够满足你的学习需求。

此外,我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展,新的框架和工具层出不穷。通过我的文章,你将会了解到最新的前端技术趋势,并了解如何应对这些变化。

我深知学习前端不易,因此我将尽力以简洁明了的方式解释复杂的概念,并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发,并提升你的技能。

如果你想了解更多关于前端开发的内容,不妨关注我的原创文章。我会不定期更新,为你带来最新的前端技术和知识。感谢你的关注和支持,我们一起探讨交流技术共同进步,期待与你一同探索前端开发的奇妙世界!

http://www.lryc.cn/news/275958.html

相关文章:

  • ffmpeg转码新技能
  • Docker学习笔记(一):Docker命令总结
  • JavaWeb——后端案例
  • 【CSS】浅学一下filter
  • Commander One for Mac:强大的双窗格文件管理器,让你的工作效率倍增!
  • leetcode09-机器人能否返回原点
  • sublim安装Autoprefixer插件
  • 虚拟机Linux硬盘扩容
  • 设计模式④ :分开考虑
  • 独占锁ReentrantLock的原理
  • 影响代理IP稳定性的因素有哪些?
  • 使用Docker-compose快速构建Nacos服务
  • 【Python】不一样的Ansible(一)
  • 分布式图文详解!
  • Unity SRP 管线【第五讲:自定义烘培光照】
  • CentOS快速安装Mysql5.7(Alibaba Cloud Linux兼容)
  • 【css】快速实现鼠标悬浮变色效果
  • 21. Mysql 事件或定时任务,解放双手,轻松实现自动化
  • Apache Doris 2.0.2 安装步骤 Centos8
  • Java学习苦旅(二十五)——哈希表
  • 性能分析与调优: Linux 实现 CPU剖析与火焰图
  • leetcode动态规划问题总结 Python
  • strtok函数的介绍
  • CF1909_C. Heavy Intervals题解
  • 【Python机器学习】理论知识:决策树
  • 天软特色因子看板 (2024.01 第2期)
  • java智慧医院互联网智慧3D导诊系统源码,经由智慧导诊系统多维度计算,准确推荐科室
  • WiFi7: MLD寻址
  • laravel-admin之 浏览器自动填充密码(如果需要渲染数据库密码的话,首先确认数据库密码是否可以逆向解密)
  • jquery图形验证码