1、内置对象

2、查文档

2.1、MDN

MDN官网：https://developer.mozilla.org/zh-CN/

MDN官网JavaScript文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

2.2、如何学习对象中的方法

3、Math内置对象

3.1、求最大值

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// Math数学对象 不是一个构造函数，所以我们不需要new来调用，而是直接使用里面的属性和方法即可console.log(Math.PI);//一个属性，圆周率console.log(Math.max(1,99,3));//99console.log(Math.max(-1,-10));//-1console.log(Math.max(1,99,'blue'));//NaNconsole.log(Math.max());//-Infinity</script>
</head>
<body></body>
</html>

3.2、封装自己的数学对象

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 利用对象封装自己的数学对象 里面有PI 最大值和最小值var myMath = {PI: 3.141592653,max :function(){var max = arguments[0];for(var i = 0;i<arguments.length;i++){if(arguments[i]>max){max = arguments[i];}}return max;},min :function(){var min = arguments[0];for(var i = 0;i<arguments.length;i++){if(arguments[i]< min){min = arguments[i];}}return min;}}console.log(myMath.PI);console.log(myMath.max(1,3,9));console.log(myMath.min(1,3,9));</script>
</head>
<body></body>
</html>

3.3、Math概述

3.3.1、Math绝对值和三个取整方法

注意Math.round()四舍五入方法有个特殊情况（遇到.5往大了取整）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1、绝对值方法console.log(Math.abs(1));//1console.log(Math.abs(-1));//1console.log(Math.abs('-1'));//隐式转换，会把字符串-1 转换为数字型console.log(Math.abs('pink'));//NaN//2、三个取整方法// (1)Math.floor() 地板 向下取整 王最小了取整console.log(Math.floor(1.1));//1console.log(Math.floor(1.9));//1// (2)Math.ceil() ceil 天花板 向上取整 往最大了取整console.log(Math.ceil(1.1));//2console.log(Math.ceil(1.9));//2// (3)Math.round() 四舍五入 其他数字都是四舍五入 但是.5 特殊 它往大了取console.log(Math.round(1.1));//1console.log(Math.round(1.5));//2console.log(Math.round(1.9));//2console.log(Math.round(-1.1));//-1console.log(Math.round(-1.5));//这个结果是 -1</script>
</head>
<body></body>
</html>

3.3.2、Math.Random()随机数方法、随机点名

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1、Math对象随机数方法 random()返回一个随机的小数 0 =< x < 1// 2、这个方法里面不跟参数// 3、代码验证console.log(Math.random());// 4、我们想要得到两个数之间的随机整数 并且包含这2个整数function getNum(min ,max){return Math.floor(Math.random() * (max - min + 1)) + min;}console.log(getNum(1,10));// 5、随机点名var arr = ['张三','张三丰','张三疯子','李四','李思思'];console.log(arr[getNum(0,arr.length - 1)]);</script>
</head>
<body></body>
</html>

3.3.3、猜数字游戏

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>function getRandom(min,max){return Math.floor(Math.random() * (max - min + 1)) + min;}//获取随机数var random = getRandom(1,10);console.log(random);while(true){var num = prompt('你来猜？输入1~10之间的一个数字');if(num > random){alert('数字大了，继续猜');}else if(num < random){alert('数字小了，继续猜');}else {alert('恭喜您猜对了');break;//退出整个循环结结束程序}}</script>
</head>
<body></body>
</html>

JavaScript内置对象-Math对象相关推荐

JavaScript内置方法-Date对象
Date对象 >介绍是一个构造函数,使用时需要new,实例化主要看常用方法 console.log(new Date()); //返回电脑当前的时间 console.log(new Date ...
JavaScript内置对象（内置对象、查文档（MDN）、Math对象、日期对象、数组对象、字符串对象）
目录 JavaScript内置对象内置对象查文档 MDN Math对象 Math概述案例一:封装自己的对象随机数方法 random() 案例一:猜数字游戏日期对象 Date 概述 Date( ...
JavaScript——内置对象（Math，Date）
文章目录内置对象通过MDN/W3C来查询验证变量是不是对象的方法 Math对象案例:随机生成颜色RGB Date对象案例内置对象 JavaScript中的对象分为3种:内置对象.浏览器对象 ...
JavaScript内置对象之 Math数学对象
JavaScript中的对象分为自定义对象.内置对象.浏览器对象 JavaScript内置对象内置对象:就是指js语言自带的一些对象,这些对象供开发者使用,并提供了一些常用 ...
JavaScript内置对象→对象、系统函数、Date日期对象、String字符串对象、Math对象、Number数字对象、Object对象、Boolean对象、Error对象
对象系统函数 Date日期对象 String字符串对象 Math对象 Number数字对象 Object对象 Boolean对象 Error对象
js获取对象数组中指定属性值对象_3分钟学会操作JavaScript内置对象，快来试试吧...
1 - 内置对象 1.1 内置对象 JavaScript 中的对象分为3种:自定义对象 .内置对象. 浏览器对象. 前面两种对象是JS 基础内容,属于 ECMAScript: 第三个浏览器对象属于 ...
04-前端技术_ javaScript内置对象与DOM操作
目录五,javaScript内置对象与DOM操作 1,JavaScript对象定义和使用 2,JavaScript内置对象 2.1 Array数组 2.1.1 创建方式 2.1.2 常用属性: 2. ...
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码 1. Math对象最大值 2. 封装自己的数学对象 3. Math绝对值和三个取整方法 4. Math对象随机数方 ...
JavaScript进阶 - 第7章 JavaScript内置对象
第7章 JavaScript内置对象 7-1 什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的, ...

JavaScript内置对象-Math对象

JavaScript内置对象-Math对象

1、内置对象

2、查文档

2.1、MDN

2.2、如何学习对象中的方法

3、Math内置对象

3.1、求最大值

3.2、封装自己的数学对象

3.3、Math概述

3.3.1、Math绝对值和三个取整方法

3.3.2、Math.Random()随机数方法、随机点名

3.3.3、猜数字游戏

JavaScript内置对象-Math对象相关推荐

最新文章

热门文章