08.JavaScript Math和RegExp
2018-01-06 本文已影响0人
Lv_0
-
Math 数学
Math 对象属性
属性 描述 E 返回算术常量 e，即自然对数的底数（约等于2.718）。 LN2 返回 2 的自然对数（约等于0.693）。 LN10 返回 10 的自然对数（约等于2.302）。 LOG2E 返回以 2 为底的 e 的对数（约等于 1.414）。 LOG10E 返回以 10 为底的 e 的对数（约等于0.434）。 PI 返回圆周率（约等于3.14159）。 SQRT1_2 返回返回 2 的平方根的倒数（约等于 0.707）。 SQRT2 返回 2 的平方根（约等于 1.414）。 Math 对象方法
方法 描述 abs(x) 返回数的绝对值。 acos(x) 返回数的反余弦值。 asin(x) 返回数的反正弦值。 atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。 atan2(y,x) 返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。 ceil(x) 对数进行上舍入,向上取整。 cos(x) 返回数的余弦。 exp(x) 返回 e 的指数。 floor(x) 对数进行下舍入,向下取整。 log(x) 返回数的自然对数（底为e）。 max(x,y) 返回 x 和 y 中的最高值。 min(x,y) 返回 x 和 y 中的最低值。 pow(x,y) 返回 x 的 y 次幂。 random() 返回 0 ~ 1 之间的随机数,区间[0,1)。 round(x) 把数四舍五入为最接近的整数。 sin(x) 返回数的正弦。 sqrt(x) 返回数的平方根。 tan(x) 返回角的正切。 toSource() 返回该对象的源代码。 valueOf() 返回 Math 对象的原始值。 示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .code{ color: gray; border: 1px solid gainsboro; font-size: 15px; } pre{ margin: 1em 0em 1em -19em; font-family: "楷体"; } .result{ color: gray; background-color: ghostwhite; font-size: 16px; padding: 0.5em 1em; } h3{ color: red; } .result span:first-child{ display: block; float: left; width: 10em; color: black; } </style> </head> <body> <ul> <li> <h3>Math</h3> <h4>代码:</h4> <div class="code"> <pre> //获取pi的值 var pi = Math.PI; document.getElementById("piDis").innerHTML = pi; //定义[0,1)的随机数 var ranFloat = Math.random(); document.getElementById("ranFloat").innerHTML = ranFloat; //定义0-n的随机整数,可取到左右点 var n = 1; var ranInt = Math.floor(Math.random()*(n+1)); document.getElementById("ranInt").innerHTML = ranInt; </pre> </div> <h4>结果:</h4> <div id="piDis" class="result"></div> <div id="ranFloat" class="result"></div> <div id="ranInt" class="result"></div> <hr /> <script> //获取pi的值 var pi = Math.PI; document.getElementById("piDis").innerHTML = pi; //定义[0,1)的随机数 var ranFloat = Math.random(); document.getElementById("ranFloat").innerHTML = ranFloat; //定义0-n的随机整数,可取到左右点 var n = 1; var ranInt = Math.floor(Math.random()*(n+1)); document.getElementById("ranInt").innerHTML = ranInt; </script> </li> </ul> </body> </html>
image.png
-
RegExp 正则表达式
- 正则表达式通常用来检索,解析,格式检查等等;
- 正则表达式有其独有的语法和习惯
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.code{
color: gray;
border: 1px solid gainsboro;
font-size: 15px;
}
pre{
margin: 1em 0em 1em -19em;
font-family: "楷体";
}
.result{
color: gray;
background-color: ghostwhite;
font-size: 16px;
padding: 0.5em 1em;
}
h3{
color: red;
}
.result span:first-child{
display: block;
float: left;
width: 10em;
color: black;
}
</style>
</head>
<body>
<ul>
<li>
<h3>RegExp</h3>
<h4>代码:</h4>
<div class="code">
<pre>
//定义检索器
var patt = new RegExp("l");
document.getElementById("regDis").innerHTML = "patt : "+patt;
//test()检索,是否满足,包含则返回true
var str = "Hello World !";
var testResult = patt.test(str);
document.getElementById("testDis").innerHTML = "test : "+testResult;
//exec()检索指定值,包含则返回值,不包含返回null
var execResult = patt.exec(str);
document.getElementById("execDis").innerHTML = "exec : "+execResult;
//compile() 方法用于改变 RegExp
patt.compile("e");
document.getElementById("cmlDis").innerHTML = "patt : "+patt;
</pre>
</div>
<h4>结果:</h4>
<div id="regDis" class="result"></div>
<div id="testDis" class="result"></div>
<div id="execDis" class="result"></div>
<div id="cmlDis" class="result"></div>
<hr />
<script>
//定义检索器
var patt = new RegExp("l");
document.getElementById("regDis").innerHTML = "patt : "+patt;
//test()检索,是否满足,包含则返回true
var str = "Hello World !";
var testResult = patt.test(str);
document.getElementById("testDis").innerHTML = "test : "+testResult;
//exec()检索指定值,包含则返回值,不包含返回null
var execResult = patt.exec(str);
document.getElementById("execDis").innerHTML = "exec : "+execResult;
//compile() 方法用于改变 RegExp
patt.compile("e");
document.getElementById("cmlDis").innerHTML = "patt : "+patt;
</script>
</li>
</ul>
</body>
</html>
image.png
