2021-08-10js笔记2

参考W3School文档

---

JavaScript Math 对象

Math 方法
1.Math.round(x) 的返回值是 x 四舍五入为最接近的整数。
2.Math.pow(x, y) 的返回值是 x 的 y 次幂。
3.Math.sqrt(x) 返回 x 的平方根。
4.Math.abs(x) 返回 x 的绝对（正）值。
5.Math.ceil(x) 的返回值是 x 上舍入最接近的整数。
6.Math.floor(x) 的返回值是 x 下舍入最接近的整数。

<p>Math.floor(x) 返回 x 被下舍入为最接近整数的值：</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.floor(4.7);
</script>

7.Math.sin(x) 返回角 x（以弧度计）的正弦（介于 -1 与 1 之间的值）。

<p>Math.sin(x) 返回 x（以弧度计）的正弦：</p>

<p>以弧度计的角度 = (以度数计的角度) * PI / 180。</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"The sine value of 90 degrees is " + Math.sin(90 * Math.PI / 180);
</script>

8.Math.cos(x) 返回角 x（以弧度计）的余弦（介于 -1 与 1 之间的值）。

<p>Math.cos(x) 返回 x（以弧度计）的余弦：</p>

<p>以弧度计的角度 = (以度数计的角度) * PI / 180。</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"The cosine value of 0 degrees is " + Math.cos(0 * Math.PI / 180);
</script>

Math 属性（常量）JavaScript 提供了可由 Math 对象访问的 8 个数学常量：
Math.E // 返回欧拉指数（Euler’s number）
Math.PI // 返回圆周率（PI）
Math.SQRT2 // 返回 2 的平方根
Math.SQRT1_2 // 返回 1/2 的平方根
Math.LN2 // 返回 2 的自然对数
Math.LN10 // 返回 10 的自然对数
Math.LOG2E // 返回以 2 为底的 e 的对数（约等于 1.414）
Math.LOG10E // 返回以 10 为底的 e 的对数（约等于0.434）

JavaScript 随机

Math.random() 与 Math.floor() 一起使用用于返回随机整数。

<p>Math.floor(Math.random() * 10) 返回 0 与 9 之间的随机整数（均包含）：</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 10);
</script>

JavaScript 逻辑

JavaScript 布尔（逻辑）代表两个值之一：true 或 false。您可以使用 Boolean() 函数来确定表达式（或变量）是否为真。

<p>显示 Boolean(10 > 9) 的值：</p>

<button onclick="myFunction()">试一试</button>

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = Boolean(10 > 9);
}
//返回true
</script>

比较运算符

运算符	描述	实例
==	等于	if (day == “Monday”)
>	大于	if (salary > 9000)
<	小于	if (age < 18)

js比较

条件（三元）运算符

<p>输入您的年龄然后点击这个按钮：</p>

<input id="age" value="18" />

<button onclick="myFunction()">试一试</button>

<p id="demo"></p>

<script>
function myFunction() {
  var age, voteable;
  age = document.getElementById("age").value;
  voteable = (age < 18) ? "好年轻":"够成熟";
  document.getElementById("demo").innerHTML = voteable;
}
</script>

JavaScript If…Else 语句

使用 if 来规定要执行的代码块，如果指定条件为 true
使用 else 来规定要执行的代码块，如果相同的条件为 false
使用 else if 来规定要测试的新条件，如果第一个条件为 false
使用 switch 来规定多个被执行的备选代码块

<p>单击按钮以显示基于时间的问候语：</p>

<button onclick="myFunction()">试一试</button>

<p id="demo"></p>

<script>
function myFunction() {
  var greeting;
  var time = new Date().getHours();
  if (time < 10) {
    greeting = "早安";
  } else if (time < 20) {
    greeting = "日安";
  } else {
    greeting = "晚安";
  }
  document.getElementById("demo").innerHTML = greeting;
}
</script>

JavaScript Switch 语句

计算一次 switch 表达式
把表达式的值与每个 case 的值进行对比
如果存在匹配，则执行关联代码

<p id="demo"></p>

<script>
var day;
switch (new Date().getDay()) {
  case 0:
    day = "周日";
    break;
  case 1:
    day = "周一";
    break;
  case 2:
    day = "周二";
    break;
  case 3:
    day = "周三";
    break;
  case 4:
    day = "周四";
    break;
  case 5:
    day = "周五";
    break;
  case  6:
    day = "周六";
}
document.getElementById("demo").innerHTML = "今天是" + day;
</script>

JavaScript For 循环

假如您需要运行代码多次，且每次使用不同的值，那么循环（loop）相当方便使用。
js支持多种不同的类型的循环
for - 多次遍历代码块
for/in - 遍历对象属性
while - 当指定条件为 true 时循环一段代码块
do/while - 当指定条件为 true 时循环一段代码块
注意：
break 语句“跳出”循环。
continue 语句“跳过”循环中的一个迭代。

<h1>JavaScript 循环</h1>
<p id="demo"></p>
<p id="demo2"></p>
<script>
//for循环
var cars = ["BMW", "Volvo", "porsche", "Ford", "Fiat", "Audi"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}
document.getElementById("demo").innerHTML = text;
//while循环
var texts = "";
var i = 0;
while (i < 10) {
  text += "<br>数字是 " + i;
  i++;
}
document.getElementById("demo2").innerHTML = texts;
</script>

JavaScript 数据类型

JavaScript 中有五种可包含值的数据类型：
字符串（string）
数字（number）
布尔（boolean）
对象（object）
函数（function）
有三种对象类型：
对象（Object）
日期（Date）
数组（Array）
有两种不能包含值的数据类型：
null
undefined
请注意：
NaN 的数据类型是数值
数组的数据类型是对象
日期的数据类型是对象
null 的数据类型是对象
未定义变量的数据类型是 undefined
尚未赋值的变量的数据类型也是 undefined