fengchuanyu 4 meses atrás
pai
commit
36d21c4efb

+ 42 - 9
js复习/13_数组的内置方法.html

@@ -7,15 +7,48 @@
 </head>
 <body>
     <script>
-        var arr = [1,2,3,4,5,6];
-        // push 向数组末尾添加新值
-        arr.push(7);
-        // unshift 向数组开头添加新值
-        arr.unshift(0);
-        // pop 从数组末尾删除一个值
-        arr.pop();
-        arr.shift();
-        console.log(arr);
+        // var arr = [1,2,3,4,5,6];
+        // // push 向数组末尾添加新值
+        // arr.push(7);
+        // // unshift 向数组开头添加新值
+        // arr.unshift(0);
+        // // pop 从数组末尾删除一个值
+        // arr.pop();
+        // // shift 从数组开头删除一个值
+        // arr.shift();
+        // console.log(arr);
+
+        // var arr1 = [1,2,3,4,5];
+        // var arr2 = [6,7,8,9];
+        // concat 合并数组
+        // var arr3 = arr1.concat(arr2);
+        // console.log(arr3);
+        // includes 判断数组中是否包含某个值 返回布尔值
+        // console.log(arr1.includes(0));
+        // indexOf 返回某个值在数组中的索引值 如果没有返回-1
+        // console.log(arr1.indexOf(0));
+        
+        // var arr = [2025,1,8];
+        // console.log(arr[0]+"-"+arr[1]+"-"+arr[2]);
+        // join 将数组中的值用指定的字符连接起来 返回字符串
+        // console.log(arr.join("-"));
+
+        // var arr = [1,2,3,4,5,6];
+        // for(var i = arr.length-1;i>=0;i--){
+        //     console.log(arr[i]);
+        // }
+        // reverse 将数组中的值反转 返回反转后的数组
+        // console.log(arr.reverse());
+        
+        var arr = [1,2,3,4,5,6,7,8,9];
+        // slice 截取数组 返回截取后的数组 不会改变原有数组
+        // console.log(arr.slice(2,5))
+        // console.log(arr);
+
+        // splice 删除数组中的值 返回删除的值 向数组中添加值 会改变原有数组
+        // var res = arr.splice(2,3,"a","b","c");
+        // console.log(arr,res);
+
     </script>
 </body>
 </html>

+ 16 - 0
js复习/14_数值内置方法.html

@@ -0,0 +1,16 @@
+<!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 a = 10;
+        // var b = a + "";
+        var b = a.toString();
+        console.log(b+2);
+    </script>
+</body>
+</html>

+ 2 - 2
js复习/2_变量类型.html

@@ -7,7 +7,7 @@
 </head>
 <body>
     <script>
-        // 基础数据类型:数值型、字符串型、布尔型、undefined型、null型
+        // 基础数据类型:数值型Number、字符串型String、布尔型Boolean、undefined型、null型
         // 变量名 命名规则:数字、字母、下划线、$,不能以数字开头,不能是关键字和保留字
         var a = 1;//数值型
         var b = 'hello';//字符串型
@@ -17,7 +17,7 @@
 
         console.log(a);
 
-        // 引用数据类型:对象、数组
+        // 引用数据类型:对象Object、数组Array
         // 数组 可以装多个值 值的类型可以不一样 定义的时候可以不声明长度
         var f = [1,2,3,4,5,6,"hello",true];//数组
         var e = {

+ 35 - 0
js复习/练习题2_点餐.html

@@ -0,0 +1,35 @@
+<!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 isContinue = window.confirm("是否开始点餐?");
+        if(isContinue){
+            var num = window.prompt("一共几个人用餐?");
+            num *= 1;
+            // 定义变量接受所有用餐的人
+            var person = [];
+            // 根据用户输入的人数搜集人名
+            for(var i=0;i<num;i++){
+                var userName = window.prompt("请输入第"+(i+1)+"个人的名字");
+                person.push(userName);
+            }
+            // 定一个菜单 10个菜
+            var food = ["宫保鸡丁","土豆丝","锅包肉","肉段烧茄子","凉菜","酸辣土豆丝","包子","面条","好吃的","啥都行"];
+            for(var j=0;j<person.length;j++){
+                // 生成一个0-9的随机数
+                var ranNum = Math.random();
+                ranNum *= 10;
+                ranNum = Math.floor(ranNum);
+                console.log(person[j]+"点了一份"+food[ranNum]);
+            }
+        }else{
+            alert("退出点餐");
+        }
+    </script>
+</body>
+</html>