资讯专栏INFORMATION COLUMN

较常用的Math方法及ES6中的扩展

MudOnTire / 3354人阅读

摘要:记录下与有关的常用方法,如求最大值最小值等,或者是保留几位数啥的数据求最大值最小值求最小值使用来重新绑定使用展开运算符求最大值使用来重新绑定使用展开运算符取整四舍五入取整取与参数最接近的整数向上取整取大于或等于函数参数,并且与之最接近的

</>复制代码

  1. 记录下与Math有关的常用方法,如:求最大值、最小值等,或者是保留几位数啥的
1.数据

</>复制代码

  1. let floatA = 2.325232;
  2. let floatB = 2.3456;
  3. let temporaryArray = [1, 2, 5, 6, 3];
  4. let minusNum = -12;
  5. let minusFloat = -12.321;
  6. let intA = 10;
  7. let min, max, num;
2.求最大值、最小值

</>复制代码

  1. {
  2. /* 求最小值 */
  3. min = Math.min(floatA, floatB);
  4. console.log(min);
  5. /* 使用apply来重新绑定this */
  6. min = Math.min.apply(null, temporaryArray);
  7. console.log(min);
  8. /* 使用展开运算符 */
  9. min = Math.min(...temporaryArray);
  10. console.log(min);
  11. /* 求最大值 */
  12. max = Math.max(floatA, floatB);
  13. console.log(max);
  14. /* 使用apply来重新绑定this */
  15. max = Math.max.apply(null, temporaryArray);
  16. console.log(max);
  17. /* 使用展开运算符 */
  18. max = Math.max(...temporaryArray);
  19. console.log(max);
  20. }
3.取整

</>复制代码

  1. {
  2. /* 四舍五入取整:取与参数最接近的整数 */
  3. num = Math.round(floatA);
  4. console.log(num);
  5. num = Math.round(minusFloat);
  6. console.log(num);
  7. /* 向上取整:取大于或等于函数参数,并且与之最接近的整数 */
  8. num = Math.ceil(floatB);
  9. console.log(num);
  10. /* 向下取整:取小于或等于函数参数,并且与之最接近的整数 */
  11. num = Math.floor(floatB);
  12. console.log(num);
  13. /* ceil、floor结合起来,实现一个总是返回数值的整数部分的函数 */
  14. function getInteger(value) {
  15. value = Number(value);
  16. return value < 0 ? Math.ceil(value) : Math.floor(value);
  17. }
  18. console.log(getInteger(-2.3322));
  19. }
4.求绝对值

</>复制代码

  1. {
  2. /* 负整数 */
  3. num = Math.abs(minusNum);
  4. console.log(num);
  5. /* 负浮点数 */
  6. num = Math.abs(minusFloat);
  7. console.log(num);
  8. }
5.次幂

</>复制代码

  1. {
  2. /* 结果是虚数或负数,则该方法将返回 NaN
  3. * 如果由于指数过大而引起浮点溢出,则该方法将返回 Infinity
  4. */
  5. /* 2的3次方 */
  6. num = Math.pow(2, 3);
  7. console.log(num);
  8. }
6.去平方根

</>复制代码

  1. {
  2. /* 求参数的平方根,如果参数小于 0,则返回 NaN */
  3. num = Math.sqrt(9);
  4. console.log(num);
  5. }
7.生成随机数

</>复制代码

  1. {
  2. /* 生成0-1的随机数,大于0小于1 */
  3. num = Math.random();
  4. console.log(num);
  5. /* 生成0-10的随机数 */
  6. num = Math.random() * 10;
  7. console.log(num);
  8. /* 生成任意范围随机数 */
  9. function getRandom(min, max) {
  10. return Math.random() * (max - min) + min;
  11. }
  12. console.log(getRandom(3.5, 6.5));
  13. /* 整数min与整数max生成任意范围整数随机数 */
  14. function getRandomInt(min, max) {
  15. return Math.floor(Math.random() * (max - min + 1)) + min;
  16. }
  17. console.log(getRandomInt(5, 15));
  18. }
8.es6中对Math方法的扩展(部分)

</>复制代码

  1. {
  2. /* 取整(非四舍五入)
  3. * 对于非数值,内部调用 Number 强转为数值
  4. * 对于空值或其他数据,返回NaN
  5. * */
  6. num = Math.trunc(floatA);
  7. console.log(num);
  8. num = Math.trunc(intA);
  9. console.log(num);
  10. num = Math.trunc("aaa");
  11. console.log(num);
  12. }
  13. {
  14. /* 判断一个数是正数、负数或零
  15. * 正数返回+1,负数返回-1,零返回0或-0
  16. * 其他值 NaN
  17. * */
  18. num = Math.sign(2);
  19. console.log(num);
  20. num = Math.sign(0);
  21. console.log(num);
  22. num = Math.sign(-0);
  23. console.log(num);
  24. num = Math.sign(-14);
  25. console.log(num);
  26. num = Math.sign("ss");
  27. console.log(num);
  28. }
  29. {
  30. let a = 2;
  31. a **= 3;
  32. /* 相当于 a*a*a */
  33. console.log(a);
  34. }
9.保留位数操作

</>复制代码

  1. {
  2. /* 四舍五入保留两位小数
  3. * toFixed(num) 方法可把 Number型 四舍五入为指定小数位数的数字
  4. * num规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20
  5. * 有些实现可以支持更大的数值范围,如果省略了该参数,将用 0 代替
  6. * */
  7. num = floatA.toFixed(2);
  8. console.log(num);
  9. let word = 2.5;
  10. num = word.toFixed();
  11. console.log(num);
  12. /* 不四舍五入 */
  13. num = Math.floor(23.365125 * 100) / 100;
  14. console.log(num);
  15. }
10.字符串转数字

</>复制代码

  1. {
  2. /* parseInt(value, radix)
  3. * 用于解析字符串,返回一个整数
  4. * radix表示要解析的数字的基数,该值介于 2 ~ 36 之间
  5. * 如果省略该参数或其值为 0,则数字将以 10 为基础来解析
  6. * 如果它以 “0x” 或 “0X” 开头,将以 16 为基数
  7. * 如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN
  8. * */
  9. let temporaryString = "123";
  10. num = parseInt(temporaryString);
  11. console.log(num);
  12. {
  13. console.log(parseInt("10")); //返回 10
  14. console.log(parseInt("19",10)); //返回 19 : 10 + 9
  15. console.log(parseInt("11",2)); //返回 3 : 2 + 1
  16. console.log(parseInt("17",8)); //返回 15 : 8 + 7
  17. console.log(parseInt("1f",16)); //返回 31 : 16 + 15
  18. console.log(parseInt("010")); //未定:返回 10 或 8
  19. }
  20. /* 常见的parseInt一道题 */
  21. {
  22. console.log(["1", "2", "3"].map(parseInt));
  23. /* 返回[1, NaN, NaN]
  24. * map(function(value, index, array) {})
  25. * map方法中的回调函数中的3个参数值,每个值value,索引值index,数组对象array
  26. * 上面的相当于parseInt("1", 0)、parseInt("2", 1)、parseInt("3", 2)
  27. * */
  28. }
  29. /* Number强转 */
  30. num = Number("12345");
  31. console.log(num);
  32. }

</>复制代码

  1. 正在努力学习中,若对你的学习有帮助,留下你的印记呗(点个赞咯^_^)

往期好文推荐:

判断iOS和Android及PC端

纯css实现瀑布流(multi-column多列及flex布局)

微信小程序之购物车和父子组件传值及calc的注意事项

css实现波浪线及立方体

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99486.html

相关文章

  • 【进阶3-3期】深度解析 call 和 apply 原理、使用场景实现

    摘要:之前文章详细介绍了的使用,不了解的查看进阶期。不同的引擎有不同的限制,核心限制在,有些引擎会抛出异常,有些不抛出异常但丢失多余参数。存储的对象能动态增多和减少,并且可以存储任何值。这边采用方法来实现,拼成一个函数。 之前文章详细介绍了 this 的使用,不了解的查看【进阶3-1期】。 call() 和 apply() call() 方法调用一个函数, 其具有一个指定的 this 值和分...

    godlong_X 评论0 收藏0
  • ES6学习 第六章 数值扩展

    摘要:前言本章介绍数值的扩展。本章原文链接数值的扩展进制表示法提供了二进制和八进制数值的新的写法,分别用前缀或和或表示。科学计数法里面,表示指数的或前后不能有分隔符。函数返回数值的双曲余弦函数可用表示。与数值的类型不同。 前言本章介绍数值的扩展。新增了很多方法,有些不常用的方法了解即可。本章原文链接:数值的扩展进制表...

    番茄西红柿 评论0 收藏2637
  • 工作中常用es6+特性

    摘要:结合工作中使用情况,简单对进行一些复习总结,包括常用的语法,等,以及短时间内要上手需要重点学习的知识点不同工作环境可能有一些差别,主要参考链接是阮一峰的博客以及外文博客阮老师大部分文章是直接翻译的这个博客简介先说一下,是一个标准化组织,他们 结合工作中使用情况,简单对es6进行一些复习总结,包括常用的语法,api等,以及短时间内要上手需要重点学习的知识点(不同工作环境可能有一些差别),...

    xcold 评论0 收藏0
  • 你该知道ES6那些事儿

    摘要:最近重构了一个项目,引入了部分用法,最大的感受是让这门语言变得更加严谨,更加方便。通过该方法获得位置后还得比较一次才能判断是否存在。再来看看的写法使用数组来初始化一个,构造器能确保不重复地使用这些值。下面提供链接,供有兴趣的朋友参考。 最近重构了一个SPA项目,引入了部分ES6用法,最大的感受是ES6让javascript这门语言变得更加严谨,更加方便。本篇将结合实战经验,对最常用的部...

    CoffeX 评论0 收藏0
  • es6学习笔记-数值扩展_V1.0_byKL

    摘要:学习笔记数值的扩展有一些不常用或者还不支持的就没有记录了总体来说本篇只是一个备忘而已用来检查一个数值是否为有限的。两个新方法只对数值有效,非数值一律返回。参考引用数值扩展 es6学习笔记-数值的扩展 有一些不常用或者还不支持的就没有记录了,总体来说本篇只是一个备忘而已 Number.isFinite(), Number.isNaN() Number.isFinite()用来检查一个数值...

    宋华 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<