fengchuanyu 1 週間 前
コミット
deb8fa0ea0

+ 19 - 0
3_JavaScript/19_math对象.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <a href="https://www.runoob.com/jsref/jsref-obj-math.html">Math对象</a>
+    <script>
+        var num = 1.167;
+        // 向上取整 只要小数部分有值 就进行进位
+        console.log(Math.ceil(num));
+        // 向下取整 直接去掉小数部分
+        console.log(Math.floor(num));
+
+    </script>
+</body>
+</html>

+ 22 - 0
3_JavaScript/20_Number对象.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        var num = "a" * 1;
+        console.log(num);
+        // isNaN 判断当前类型是否为NaN
+        console.log(Number.isNaN(num));
+        
+        var num2 = 123;
+        // num2 += "";
+        console.log(num2);
+        console.log(num2.toString());
+        
+    </script>
+</body>
+</html>

+ 61 - 0
3_JavaScript/21_Array数组对象.html

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        // var arr = [1,2,3,4,5,6];
+        // arr[6] = 7;
+        // console.log(arr)
+
+        var arr = [1,2,3];
+        var arr2 = [4,5,6];
+        // concat 连接两个或更多的数组,并返回结果。
+        console.log(arr.concat(arr2));
+
+        var arr3 = ["a","b",1,2,3];
+        // 判断一个数组是否包含一个指定的值。 返回 true或者false
+        console.log(arr3.includes("b")); 
+        // 搜索数组中的元素,并返回它所在的位置。
+        console.log(arr3.indexOf(1));
+
+        var arr4 = ["2026","1","12"];
+        // 把数组的所有元素放入一个字符串。 与字符串中的split方法相对应
+        console.log(arr4.join("-"));
+
+        var arr5 = [1,2,3,4,5];
+        arr5.push(6);
+        // push 向数组的末尾添加一个或更多元素,并返回新的长度。
+        console.log(arr5);
+        // unshift 	向数组的开头添加一个或更多元素,并返回新的长度。
+        arr5.unshift(0);
+        console.log(arr5);
+
+        var arr6 = [1,2,3,4,5,6];
+        // pop 删除数组的最后一个元素并返回删除的元素。
+        arr6.pop();
+        console.log(arr6);
+        // shift 删除并返回数组的第一个元素。
+        arr6.shift();
+        console.log(arr6);
+
+        var arr7 = [1,2,3,4,5,6,7,8,9];
+        // slice 选取数组的一部分,并返回一个新数组。第一个值起始位置 第二个值结束位置 
+        console.log(arr7.slice(2,5));
+        console.log(arr7);
+        // 从数组中添加或删除元素。 第一个删除的起始位置 第二个值删除几个
+        console.log(arr7.splice(2,3));
+        console.log(arr7);
+        
+        // splice 从第三位起是要添加的内容
+        arr7.splice(2,0,"a","b","c");
+        console.log(arr7);
+
+
+        
+    </script>
+</body>
+</html>

+ 2 - 1
3_JavaScript/9_随机数字.html

@@ -7,7 +7,8 @@
 </head>
 <body>
     <script>
-        // Math.random 默认情况下会生成一个0-1的随机数字
+        // Math.random 默认情况下会生成一个0-1的随机数字 
+        // 最小值包含0 最大值不包含1
         var num1 = Math.random();
         console.log(num1);
     </script>

+ 36 - 0
3_JavaScript/练习20_数字炸弹.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <script>
+        var isPlay = window.confirm("是否开始游戏?");
+        // console.log(isPlay);
+        if (isPlay) {
+            // 生成1-100的随机数字 整数
+            var num = Math.floor(Math.random() * 100) + 1;
+            while (true) {
+                var res = window.prompt("请输入你的数字.");
+                // 将文本框中的值转换成数值型
+                res *= 1;
+                if (res > num) {
+                    window.alert("太大了");
+                } else if (res < num) {
+                    window.alert("猜小了");
+                } else if (res == num) {
+                    window.alert("猜对了!!");
+                    break;
+                } else {
+                    window.alert("输入错误");
+                }
+            }
+        }
+    </script>
+</body>
+
+</html>