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 相关文章推荐
javascript编程起步(第七课)
Feb 27 Javascript
javascript操作JSON的要领总结
Dec 09 Javascript
js替换字符串的所有示例代码
Jul 23 Javascript
Javascript 实现图片无缝滚动
Dec 19 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
Dec 01 Javascript
Vue.js每天必学之表单控件绑定
Sep 05 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
ionic 自定义弹框效果
Jun 27 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
Jun 25 Javascript
如何在Express4.x中愉快地使用async的方法
Nov 18 Javascript
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
php横向重复区域显示二法
2008/09/25 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
PHP+FastCGI+Nginx配置PHP运行环境
2014/08/07 PHP
php设计模式之单例模式代码
2016/06/11 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
Laravel框架数据库迁移操作实例详解
2020/04/06 PHP
PHP7 弃用功能
2021/03/09 PHP
一段利用WSH获取登录时间的jscript代码
2008/05/11 Javascript
JQUERY 浏览器判断实现函数
2009/08/20 Javascript
jquery last-child 列表最后一项的样式
2010/01/22 Javascript
单击复制文字兼容各浏览器的完美解决方案
2013/07/04 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
2013/07/09 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
jQuery的基本概念与高级编程
2015/05/14 Javascript
卸载安装Node.js与npm过程详解
2016/08/15 Javascript
微信小程序 二维码canvas绘制实例详解
2017/01/06 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
Element-UI踩坑之Pagination组件的使用
2018/10/29 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
vue实现PC端分辨率适配操作
2020/08/03 Javascript
浅谈python字符串方法的简单使用
2016/07/18 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
flask框架使用orm连接数据库的方法示例
2018/07/16 Python
Django添加favicon.ico图标的示例代码
2018/08/07 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
python3 自动识别usb连接状态,即对usb重连的判断方法
2019/07/03 Python
Python pip install如何修改默认下载路径
2020/04/29 Python
python三引号如何输入
2020/07/06 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
在求职信中如何凸显个人优势
2013/10/30 职场文书
应用心理学个人的求职信
2013/12/08 职场文书
个人工作总结(管理人员)范文
2019/08/13 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL