JS学习笔记10之Math对象
-->Math对象 常用属性和方法
-->使用Math对象制作相应的效果
Math对象用于执行数学任务
一、Math对象的属性：
二、Math对象的方法：
三、常用属性和方法：
Math.PI ----------------返回圆周率3.14 ...
Math.ceil(x) ------------对数值x进行向上取整
Math.floor(x) -----------对数值x进行向下取整
Math.round(x) ----------对数值x进行四舍五入
Math.min(a,b,c...) -------返回abc...中的最小值
Math.max(a,b,c...) -------返回abc...中的最大值
Math.random() --------返回介于0 ~ 1 之间的随机数
<script>
/*Math.PI ----返回圆周率3.14 */
var a=Math.PI;
console.log('a='+a);//a=3.141592653589793
/*Math.ceil(x) ------对数值x进行向上取整*/
console.log('b='+Math.ceil(a));//b=4
/*Math.floor(x) ------对数值x进行向下取整*/
console.log('c='+Math.floor(a));//c=3
/*Math.round(x) -----对数值x进行四舍五入*/
console.log('d='+Math.round(18.500000));//d=19
console.log('d='+Math.round(18.499999));//d=18
/*Math.min(a,b,c...) ----返回abc...中的最小值*/
console.log('min='+Math.min(0,2,5,67,335,63,99));//min=0
/*Math.max(a,b,c...) ---返回abc...中的最大值*/
console.log('max='+Math.max(0,2,5,67,335,63,99));//max=335
/*Math.random() -----返回介于0 ~ 1 之间的随机数*/
console.log('0~1随机数是'+Math.random());//0.22180383793467096
</script>
四、使用Math对象制作相应的效果
1、10个1~20的不重复的随机数
<body>
<h1 id="con1">10个1~20的不重复的随机数</h1>
<script>
var con1=document.getElementById('con1');
var arr=[];
for (var i = 0; i < 10; i++) {
var r=parseInt(Math.random()*20)+1;
arr.push(r);
console.log(arr);
for (var j = 0; j < i; j++) {
if (arr[j]==r) {
arr.pop();
i--;
break;
}
}
}
con1.innerText=arr;
console.log(arr.length);
</script>
</body>
JS学习笔记10之Math对象的更多相关文章
- JS学习笔记（三） 对象
参考资料: 1. http://www.w3school.com.cn/js/js_objects.asp ☂ 知识点: ☞ Javascript中的所有事物都是对象. ☞ Javascript是基于 ...
- JS学习笔记-OO疑问之对象创建
问一.引入工厂,解决反复代码 前面已经提到,JS中创建对象的方法,不难发现,主要的创建方法中,创建一个对象还算简单,假设创建多个类似的对象的话就会产生大量反复的代码. 解决:工厂模式方法(加入一个专门 ...
- JS学习笔记 等于和包装对象
严格等于 a===b 首先判断两边数据的类型,若类型不同,返回false. 若类型相同(1.2和1.2,字符串相等指内容和长度都是一样的),返回true null===null undefined== ...
- Java学习笔记10（面对对象：构造方法）
在开发中经常需要在创建初始化对象时候明确对象的属性值, 比如Person对象创建的时候就给Person的属性name,age赋值, 这里就要用到构造方法: 构造方法是类的一种特殊方法,它的特殊性体现在 ...
- JavaScript:学习笔记(10)——XMLHttpRequest对象
JavaScript:学习笔记(10)——XMLHttpRequest对象 XHR对象 使用XMLHttpRequest (XHR)对象可以与服务器交互.您可以从URL获取数据,而无需让整个的页面刷新 ...
- WebGL three.js学习笔记 6种类型的纹理介绍及应用
WebGL three.js学习笔记 6种类型的纹理介绍及应用 本文所使用到的demo演示: 高光贴图Demo演示 反光效果Demo演示(因为是加载的模型,所以速度会慢) (一)普通纹理 计算机图形学 ...
- JS 学习笔记--9---变量-作用域-内存相关
JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...
- WebGL three.js学习笔记 使用粒子系统模拟时空隧道（虫洞）
WebGL three.js学习笔记 使用粒子系统模拟时空隧道 本例的运行结果如图: 时空隧道demo演示 Demo地址:https://nsytsqdtn.github.io/demo/sprite ...
- WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法
WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...
随机推荐
- Leetcode-2 Add Two Numbers
#2. Add Two Numbers You are given two linked lists representing two non-negative numbers. The digits ...
- 转帖：DotNet 资源大全中文版
(注:下面用 [$] 标注的表示收费工具,但部分收费工具针对开源软件的开发/部署/托管是免费的) API 框架 NancyFx:轻量.用于构建 HTTP 基础服务的非正式(low-ceremony)框 ...
- 08. Web大前端时代之：HTML5+CSS3入门系列 ~ QQ空间时间轴
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 大前端系列,主要就是使用CSS3.0来实现,注释我已经打 ...
- 前端MVVM框架avalon揭秘 - 双向绑定原理
avalon大家可能不熟悉,但是Knockout估计或多或少听过用过,那么说说KO的几个概念 监控属性(Observables)和依赖跟踪(Dependency tracking) 声明式绑定(Dec ...
- 深入学习jQuery样式操作
× 目录 [1]设置样式 [2]增加样式 [3]删除样式[4]切换样式[5]判断样式[6]样式操作 前面的话 使用javascript脚本化CSS是一个系列,包括行间样式.计算样式.CSS类.样式表. ...
- 深入理解DOM节点类型第三篇——注释节点和文档类型节点
× 目录 [1]注释节点 [2]文档类型 前面的话 把注释节点和文档类型节点放在一起是因为IE8-浏览器的一个bug.IE8-浏览器将标签名为"!"的元素视作注释节点,所以文档声明 ...
- 【结果很简单,过程很艰辛】记阿里云Ons消息队列服务.NET接口填坑过程
Maybe 这个问题很简单,因为解决方法是非常简单,但填坑过程会把人逼疯,在阿里云ONS工作人员.同事和朋友的协助下,经过一天的调试和瞎捣鼓,终于解决了这个坑,把问题记下来,也许更多人在碰到类似问题的 ...
- javascript URL实现简易书签
简介 在HTML中,我们可以将js嵌入到script标签中,可以嵌入到行内代码中,也可以嵌入到src(href)中. 后者称作javascript URL.该方式的URL格式固定:javascript ...
- 1Z0-053 争议题目解析682
1Z0-053 争议题目解析682 考试科目:1Z0-053 题库版本:V13.02 题库中原题为: 682.Identify the scenarios in which the RMAN CROS ...
- 解析C#类中的构造函数
<解析C#类中的构造函数> 一． C#中的构造函数概述: C#中类包含数据成员和函数成员.函数成员提供了操作类中数据的某些功能,包括方法.属性.构造器和终结器.运算符和索引器. 构造函数 ...