Java Script 内置对象 (一) ------ Math对象

0f1d047c7ca440e88d1123c10d962608.gif

 在Java Script 中一共有三类对象,分别是 ‘自定义对象’,‘内置对象’,‘浏览器对象’,其中前两类属于JS基础中的内容,属于ECMA Script,而浏览器对象属于JS独有的一部分内容。在日常代码开发中有很多代码需要频繁使用,例如数学类,日期类,以及Array的一些方法等,对此便有了一些JS的自带对象,这些自带对象提供了很多可以直接使用的属性与方法,使得代码更为精炼。


JS中比较常见的内置对象为: Math,Date,Array,String 这篇文章我们讲解 Math 对象

Java Script 内置对象 (一) ------ Math对象_第1张图片


前言:

在开始之前我们先推荐一个非常常用的文档工具---- MDN文档,在代码开发中遇到不熟悉的内置对象方法,我们可以打开此文档来查阅,该文档网址为:

JavaScript | MDNhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript Math 数学对象并不是一个构造函数,所以我们不需要 new 来创建,直接使用其属性和方法即可。


一:圆周率

  • Math.PI

console.log(Math.PI)

Java Script 内置对象 (一) ------ Math对象_第2张图片


 二:最大最小值

  • Math.max(number1,number2,number3......)
  • Math.min(number1,number2,number3......)

注意:其中如果括号里没有参数,输出结果为 -Infinity,如果括号内参数有任何一个不能被转换的数值(例如字符串),则输出结果为NaN,但是如果出现了字符串型的数字,则可以通过隐式转换为数字型,不影响结果输出。

console.log(Math.max());  //结果为 -Infinity
 
console.log(Math.max(2,3,5,7,4,9));  //结果为9
 
console.log(Math.min(2,3,5,7,4,9));  //结果为2
 
console.log(Math.min(2,3,5,7,'小明'));  //结果为 NaN
 
console.log(Math.min('2',3,5,7,4,9));   //结果为2,会将'2'隐式转换为数字型2

Java Script 内置对象 (一) ------ Math对象_第3张图片


三:绝对值

  • Math.abs(number)

注意:如果括号内没有参数,输出结果为 NaN,如果括号内参数有任何一个不能被转换的数值(例如字符串),则输出结果为NaN,但是如果出现了字符串型的数字,则可以通过隐式转换为数字型,不影响结果输出。(同上)

console.log(Math.abs());  // 结果为 NaN
 
console.log(Math.abs(-1));  //结果为1
 
console.log(Math.abs(1));  //结果为1
 
console.log(Math.abs('-1'));  //结果为1,隐式转换同上
 
console.log(Math.abs('小明'));  //结果为 NaN

Java Script 内置对象 (一) ------ Math对象_第4张图片


四:随机数(重要)

  • Math.random()

注意: 随机生成一个区间在[0,1)之间的浮点数

      

Java Script 内置对象 (一) ------ Math对象_第5张图片


五:得到两个数之间的随机整数(非常重要)

  • Math.floor(Math.random()*(max-min+1))+min

注意:可以得到两个数之间的随机整数,并且包含这两个整数,此处我们封装一个函数

      

Java Script 内置对象 (一) ------ Math对象_第6张图片


六:拓展案例1 随机点名游戏

 利用上一版块的获取两个数之间的随机整数的方法,将数个名字放入一个数组内,根据获取到的随机数作为索引去获取数组内的名

      

Java Script 内置对象 (一) ------ Math对象_第7张图片


 七:拓展案例2 猜数字小游戏

   1.死循环,不限制猜测次数

      

   2.限制猜测次数

写法有多种,你也可以使用 for 循环或别的

 

      

 Java Script 内置对象 (一) ------ Math对象_第8张图片

 

 

你可能感兴趣的:(JavaScript,零基础入门,javascript,开发语言,ecmascript,前端,jquery)