javascript 内置对象Math总结及其案例

简介: 前言今天总结一下javascript 内置对象Math中的函数用法,顺带写一下常见的案例。

前言

今天总结一下javascript 内置对象Math中的函数用法,顺带写一下常见的案例。


Math概述

Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。


Math中常用函数的用法

Math.PI //圆周率

Math.floor () //向下取整

Math.ceil () //向上取整

Math.round () //四舍五入就近取整 注意﹣3.5 结果是-3

Math.abs () //绝对值

Math.max ()/Math.min() //求最大值和最小值

Math.random() //返回一个随机的小数 0=<x<1(这个方法里面不跟参数)


1.绝对值方法

 //1.绝对值方法
        console.log(Math.abs(1)); // 1
        console.log(Math.abs(-1));  //1
        console.log(Math.abs('-5')); //5  会隐式转换,将数字字符串转换为数字,然后取绝对值
        console.log(Math.abs('aniu')); // NaN

image.png

//2.三个取整方法
        console.log(Math.floor(1.1)); //1
        console.log(Math.floor(1.9)); //1
        console.log(Math.floor(-1.1)); //-2
        console.log(Math.ceil(1.1));  // 2
        console.log(Math.ceil(1.9)); //2
        console.log(Math.ceil(-1.9)); //-1
        console.log(Math.round(1.5)); //2 四舍五入 .5这个特殊,是往大了取
        console.log(Math.round(-1.5)); // -1  往大了取
        console.log(Math.round(-1.2));  // -1

image.png

//3.求最大值/最小值
        console.log(Math.max(1,5,78,46));
        console.log(Math.min(1,5,78,46));

 //4.随机数
        console.log(Math.random());

案例-求两个数之间的随机整数的小算法(重要)

求两个数之间的随机整数 并且包含这两个数:

//核心算法

Math.floor(Math.random()*(max-min)) + min;

function getRandom(min,max){
            return Math.floor(Math.random()*(max-min)) + min;
        }
        console.log(getRandom(1,7));

image.png

//随机点名
  var arr = ['阿牛','梦梦','小鸣人','winter','小何','WA','贱神','扎哇']  //太多啦,就写这些举例啦
  console.log(arr);
  console.log('阿牛爱你们💖💖💖');
  function getRandom(min,max){
          return Math.floor(Math.random()*(max-min)) + min;
       }
  console.log('随机点中了:' + arr[getRandom(0,arr.length - 1)]);

image.png

相关文章
|
数据采集 Web App开发 JavaScript
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
|
9月前
|
JavaScript 前端开发 索引
40个JS常用使用技巧案例
大家好,我是V哥。在日常开发中,JS是解决页面交互的利器。V哥总结了40个实用的JS小技巧,涵盖数组操作、对象处理、函数使用等,并附带案例代码和解释。从数组去重到异步函数,这些技巧能显著提升开发效率。先赞再看后评论,腰缠万贯财进门。关注威哥爱编程,全栈开发就你行!
290 16
|
8月前
|
JavaScript 前端开发 Java
深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
Array.find() 是 JavaScript 数组方法中一个非常实用和强大的工具。它不仅提供了简洁的查找操作,还具有性能上的独特优势:返回的引用能够直接影响原数组的数据内容,使得数据更新更加高效。通过各种场景的展示,我们可以看到 Array.find() 在更新、条件查找和嵌套结构查找等场景中的广泛应用。 在实际开发中,掌握 Array.find() 的特性和使用技巧,可以让代码更加简洁高效,特别是在需要直接修改原数据内容的情形。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
8月前
|
监控 JavaScript 前端开发
MutationObserver详解+案例——深入理解 JavaScript 中的 MutationObserver:原理与实战案例
MutationObserver 是一个非常强大的 API,提供了一种高效、灵活的方式来监听和响应 DOM 变化。它解决了传统 DOM 事件监听器的诸多局限性,通过异步、批量的方式处理 DOM 变化,大大提高了性能和效率。在实际开发中,合理使用 MutationObserver 可以帮助我们更好地控制 DOM 操作,提高代码的健壮性和可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
MutationObserver详解+案例——深入理解 JavaScript 中的 MutationObserver:原理与实战案例
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
JavaScript 前端开发
JavaScript Math(算数) 对象
JavaScript Math(算数) 对象
93 4
|
JavaScript 前端开发
JavaScript 的 Math
【10月更文挑战第07天】
125 1
|
JavaScript 前端开发 开发者
|
JavaScript 前端开发 UED
Javaweb之javascript的小案例的详细解析
通过上述步骤,我们得到了一个动态更新的实时时钟,这个简单的JavaScript案例展示了定时器的使用方法,并讲解了如何处理日期和时间。这个案例说明了JavaScript在网页中添加动态内容与交互的能力。对于涉足JavaWeb开发的学习者来说,理解和运用这些基础知识非常重要。
135 11
|
机器学习/深度学习 JavaScript 前端开发
JavaScript拟合Math
【8月更文挑战第20天】
205 4