JavaScript系列教材（二十三）- 对象

JavaScript系列教材（二十二）- 对象 - javascript 日期对象详解

JavaScript系列教材（二十四）- 对象 - javascript 设计自定义对象

工具版本兼容问题

Math是JavaScript的工具对象，用于常见的数学运算

纠

关键字	简介	示例代码
属性E PI	自然对数和圆周率	示例代码
方法 abs	绝对值	示例代码
方法 min max	最小最大	示例代码
方法 pow	求幂	示例代码
方法 round	四舍五入	示例代码
方法 random	随机数	示例代码

步骤 1 : 自然对数和圆周率
步骤 2 : 绝对值
步骤 3 : 最小最大
步骤 4 : 求幂
步骤 5 : 四舍五入
步骤 6 : 随机数

步骤 1 :

自然对数和圆周率

edit 顶折

纠问

属性E PI，分别表示自然对数和圆周率PI

运行效果

<script>

document.write(Math.E);
document.write("<br>");
document.write(Math.PI);
</script>

源代码

1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑，再次点击恢复

渲染中渲染完成

效果

步骤 2 :

绝对值

edit 顶折

纠问

方法 abs 取绝对值

运行效果

<script>
document.write(Math.abs(-1));
</script>

源代码

1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑，再次点击恢复

渲染中渲染完成

效果

步骤 3 :

最小最大

edit 顶折

纠问

方法 min max 分别取最小值，最大值

运行效果

<script>
document.write(Math.min(1,100));
document.write("<br>");
document.write(Math.max(1,100));
</script>

源代码

1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑，再次点击恢复

渲染中渲染完成

效果

步骤 4 :

求幂

edit 顶折

纠问

方法 pow 求一个数的n次方

运行效果

<script>
document.write(Math.pow(3,3)); //3的立方，即27
</script>

源代码

1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑，再次点击恢复

渲染中渲染完成

效果

步骤 5 :

四舍五入

edit 顶折

纠问

方法 round,小数四舍五入取整

运行效果

<script>
document.write(Math.round(3.4));
document.write("<br>");
document.write(Math.round(3.5));
</script>

源代码

1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑，再次点击恢复

渲染中渲染完成

效果

步骤 6 :

随机数

edit 顶折

纠问

方法 random 取0-1之间的随机数

运行效果

<script>
document.write("一个 0-1 之间的随机数 : Math.random():"); 
document.write("<br>");
document.write(Math.random());
document.write("<br>");
document.write("十个 5-10 之间的随机数 : Math.round(Math.random() *5)+5 "); 
document.write("<br>");
for(i=0;i<10;i++){
document.write(Math.round(Math.random() *5)+5 ); //5-10之间的随机整数
document.write("<br>");
}
</script>

源代码

1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑，再次点击恢复

渲染中渲染完成

效果

JavaScript系列教材（二十二）- 对象 - javascript 日期对象详解

JavaScript系列教材（二十四）- 对象 - javascript 设计自定义对象

HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。

问答区域

2021-04-01 为了确保5和10的概率不减半

VOID1

关于前端部分-JavaScript-Math 的提问

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> for (var i = 0; i < 10; i++){ document.write(Math.round(Math.random()*6+4.5)+" "); } </script> </head> <body> </body> </html>

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2018-05-17 5-10的随机整数

捕时人	关于前端部分-JavaScript-Math 的提问 5,、6、7、8、9、10一共六个数字，所以应该写成这样： Math.round(Math.random() *6+4.5)

5 个答案

aote777
答案时间：2020-04-20

老师写的没问题

Hint
答案时间：2019-11-12

这样就OK了 document.write(parseInt(Math.random()*5)+5);

Hint
答案时间：2019-11-12

你这代码是：随机取4.5-10.5中的一个数进行四舍五入

月步
答案时间：2019-08-17

你这代码是：随机取0-10.5中的一个数进行四舍五入~

TZMMichael
答案时间：2018-11-30

额……跟几个数字有啥关系咩，限定好取值范围就行了呀

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2018-02-08 Math.round(Math.random() *5)+5额，并不是等概率。

米粒

关于前端部分-JavaScript-Math -随机数的提问

数字5 跟 10 只有其他数字概率的一半。不过，无伤大雅啦。

<!DOCTYPE html>
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
  <script>
  function p(s)
  {
  	document.write(s+"<br/>");
  }
  
   
    function createone(){
     var answer =Math.round(Math.random() *5)+5;
     return answer;
    }
    var count=new Array();
    for(var i=0;i<11;i++)
    {
    	count[i]=0;
    	p(count[i]);
    }
    
    for(var i=0;i<100000;i++)
    {
    	var temp=createone();
    	count[temp]++;
    }
     for(var i=0;i<11;i++)
    {
  
    	p(i+":"+count[i]);
    }
    </script>
  </body>
</html>

2 个答案

Carter
答案时间：2018-03-07

用ceil()和floor()相对来说好一点

Carter
答案时间：2018-03-07

因为Math.random()生成的随机数，计算之后，[5, 5.5)得到的结果是5，而[5.5, 6.5)得到的是6，[9.5,10)得到的10。也就是5和10的区间长度只有其他数字的一半

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

提问之前请登陆

提问已经提交成功，正在审核。请于我的提问处查看提问记录，谢谢

关于前端部分-JavaScript-Math 的提问

尽量提供截图、代码和异常信息，有助于分析和解决问题。也可进本站QQ群交流: 496725845

提问尽量提供完整的代码，环境描述，越是有利于问题的重现，您的问题越能更快得到解答。
对教程中代码有疑问，请提供是哪个步骤，哪一行有疑问，这样便于快速定位问题，提高问题得到解答的速度
在已经存在的几千个提问里，有相当大的比例，是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本，可以节约自己大量的学习时间。站长把教学中用的软件版本整理了，都统一放在了这里，方便大家下载： https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图