js Math数学简单使用操作示例


Posted in Javascript onMarch 13, 2020

本文实例讲述了js Math数学简单使用.分享给大家供大家参考,具体如下:

//Math是全局的
 
//Math.PI 数学里的3.1415926....
 
console.log(Math.PI);
 
//取随机数
//js提供的随机函数 Math.random() -->[0,1)范围内的数
function random_int(start, end) {
 var num = start + (end - start) * Math.random();
 //小数---》整数,向下取整 Math.floor()
 return Math.floor(num);
}
 
console.log(random_int(5, 15));
console.log("=======================");
 
//数学的正弦,余弦,正切
//单位是数学的弧度,而不是度,方向是数学的正方向,逆时针方向
console.log(Math.sin(Math.PI / 4)); //sin 45°
console.log(Math.sin(Math.PI / 6)); //sin 45°
console.log(Math.cos(Math.PI / 6)); //cos 30°
console.log(Math.tan(Math.PI / 4)); //tan 45°
console.log("=======================");
 
//度[0,360)
//弧度[0,2*PI)
//度转弧度
function degree_to_r(degree) {
 //PI-->180°
 return (degree / 180) * Math.PI;
}
 
//弧度转度
function r_to_degree(r) {
 return (r / Math.PI) * 180;
}
 
var r = degree_to_r(90);
console.log(r);
console.log(r_to_degree(r));
 
console.log("=======================");
 
//sin 30°= 0.5 ,asin(0.5)对应多少度呢
//asin(0.5)算出的是弧度单位
//范围在[-2PI,2PI]
r = Math.asin(0.5);
console.log(Math.floor(r_to_degree(r)));
r = Math.acos(0.5)
console.log(Math.floor(r_to_degree(r)));
 
console.log("=======================");
 
//返回一个坐标对应的角度,范围[-PI,PI]
//Math.atan2(y,x);
r = Math.atan2(-1, 1);
console.log(r_to_degree(r));
r = Math.atan2(0, -1);
console.log(r_to_degree(r));
 
console.log("=======================");
//Math.sqrt 开平方
console.log(Math.sqrt(16));//16的平方根
console.log(Math.sqrt(2)); //2的平方根
console.log("=======================");
 
//计算两点之间的距离
function vector_distance(lhs_x, lhs_y, rhs_x, rhs_y) {
 var len = (lhs_x - rhs_x) * (lhs_x - rhs_x) + (lhs_y - rhs_y) * (lhs_y - rhs_y);
 return Math.sqrt(len);
}
 
console.log(vector_distance(0, 0, 1, 1));
console.log("=======================");

运行结果:

js Math数学简单使用操作示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
DWR Ext 加载数据
Mar 22 Javascript
自己的js工具 Event封装
Aug 21 Javascript
JS自动缩小超出大小的图片
Oct 12 Javascript
JavaScript 中有关数组对象的方法(详解)
Aug 15 Javascript
利用types增强vscode中js代码提示功能详解
Jul 07 Javascript
vue父组件中获取子组件中的数据(实例讲解)
Sep 27 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
Apr 30 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
Feb 19 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
Vue实现仿iPhone悬浮球的示例代码
Mar 13 #Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 #Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 #Javascript
创建nuxt.js项目流程图解
Mar 13 #Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 #Javascript
JavaScript实现公告栏上下滚动效果
Mar 13 #Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 #Javascript
You might like
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
PHP扩展框架之Yaf框架的安装与使用
2016/05/18 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
详解php伪造Referer请求反盗链资源
2019/01/24 PHP
Jquery选择器 $实现原理
2009/12/02 Javascript
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
2010/06/25 Javascript
基于JQuery的浮动DIV显示提示信息并自动隐藏
2011/02/11 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
js返回顶部实例分享
2016/12/21 Javascript
jQuery.Form上传文件操作
2017/02/05 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
详解express与koa中间件模式对比
2017/08/07 Javascript
基于Fixed定位的框选功能的实现代码
2019/05/13 Javascript
vue 组件间的通信之子组件向父组件传值的方式
2020/07/29 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
[00:37]DOTA2上海特级锦标赛 OG战队宣传片
2016/03/03 DOTA
python 字符串格式化代码
2013/03/17 Python
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
Python整型运算之布尔型、标准整型、长整型操作示例
2017/07/21 Python
浅谈Pandas中map, applymap and apply的区别
2018/04/10 Python
Python sorted函数详解(高级篇)
2018/09/18 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
python实现的汉诺塔算法示例
2019/10/23 Python
windows环境中利用celery实现简单任务队列过程解析
2019/11/29 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
CSS实现鼠标滑过鼠标点击代码写法
2016/12/26 HTML / CSS
进步之星获奖感言
2014/02/22 职场文书
授权委托书范本
2014/04/03 职场文书
教师学期末个人总结
2015/02/13 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
高中语文教学反思范文
2016/02/16 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS