fengchuanyu 4 月之前
父节点
当前提交
7f2943ab7b

+ 13 - 11
6_ES6/13_扩展运算符.html

@@ -49,18 +49,20 @@
         // }
         // foo(1,2,3,4)
 
-        let obj = {
-            name:'张三',
-            age:18,
-            sex:'男'
-        }
-        let obj3 = {
-            school:"黑大"
-        }
-        let obj2 = {...obj,...obj3};
-        obj.name = '李四';
-        console.log(obj2);
+        // let obj = {
+        //     name:'张三',
+        //     age:18,
+        //     sex:'男'
+        // }
+        // let obj3 = {
+        //     school:"黑大"
+        // }
+        // let obj2 = {...obj,...obj3};
+        // obj.name = '李四';
+        // console.log(obj2);
         
+        //foo(1,2,3,4,5,6,7....);
+        //foo参数是不确定个数,要求foo返回所有参数的和
         
     </script>
 </body>

+ 29 - 0
6_ES6/练习作业/练习作业1.html

@@ -0,0 +1,29 @@
+<!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>
+    <ul id="box">
+        <!-- <li>2025年1月19日</li> -->
+    </ul>
+    <script>
+        /*
+        题目:使用 HTML 和 JavaScript 使用 map 方法将数组中的每个月份变为正常的月数,并将结果显示在页面上。
+             其中月份为默认值是0-11,需要转换为正常月份。
+        要求:
+            使用js在 HTML 中创建<li> 元素,用于显示结果。
+            要求页面显示样式为:xxxx年xx月xx日。
+            使用 JavaScript 的 map 方法对数组进行操作。
+            可用 css/js 为列表项添加样式,如设置字体大小、颜色等。
+        */
+       let arr = ["2025-1-1", "2025-2-1", "2025-3-1", "2025-4-1", "2025-5-1", "2025-6-1", "2025-7-1", "2025-8-1", "2025-9-1", "2025-10-1", "2025-11-1", "2025-0-1"];
+       
+    </script>
+</body>
+
+</html>

+ 78 - 0
6_ES6/练习作业/练习作业2.html

@@ -0,0 +1,78 @@
+<!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>
+    <ul id="box">
+        <!-- <li>用户姓名:XXX , 用户性别:X,年龄:X,地址:XXXX</li> -->
+
+    </ul>
+    <script>
+        /*
+        题目:使用 filter 方法过滤人员列表中所有年龄大于等于60岁额且家住在哈尔滨周边村或者镇的居民,并将结果显示在页面上。
+        要求:
+            在js中创建<li>标签用于显示结果 每一行的记过为: 用户姓名:XXX , 用户性别:X,年龄:X,地址:XXXX。
+            使用 JavaScript 的 filter 方法对数组进行操作。
+        */
+        let personList = [
+            {
+                userName: "张三",
+                userAge: 20,
+                userSex: "男",
+                address:"哈尔滨红利村"
+            },{
+                userName: "李四",
+                userAge: 30,
+                userSex: "女",
+                address:"哈尔滨松北区"
+            },{
+                userName: "王五",
+                userAge: 40,
+                userSex: "男",
+                address:"哈尔滨道里区"
+            },{
+                userName: "赵六",
+                userAge: 50,
+                userSex: "女",
+                address:"哈尔滨香坊区"
+            },{
+                userName: "孙七",
+                userAge: 60,
+                userSex: "男",
+                address:"哈尔滨杏林村"
+            },{
+                userName: "周八",
+                userAge: 70,
+                userSex: "女",
+                address:"哈尔滨平房区"
+            },{
+                userName: "吴九",
+                userAge: 80,
+                userSex: "男",
+                address:"哈尔滨一面坡镇"
+            },{
+                userName: "郑十",
+                userAge: 90,
+                userSex: "女",
+                address:"哈尔滨香坊区"
+            }, {
+                userName: "钱十一",
+                userAge: 80,
+                userSex: "男",
+                address:"哈尔滨宾州镇"
+            }, {
+                userName: "孙十二",
+                userAge: 70,
+                userSex: "女",
+                address:"哈尔滨南岗区"
+            }
+        ]
+    </script>
+</body>
+
+</html>

+ 62 - 0
6_ES6/练习作业/练习作业3.html

@@ -0,0 +1,62 @@
+<!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>
+    <ul id="box"></ul>
+    <script>
+        /*
+        题目:使用 HTML 和 JavaScript 使用 for of 方法计算出学生所有成绩的总和,并将结果显示在页面上。
+        要求:
+            使用js在 HTML 中创建<li> 元素,用于显示结果。
+            要求页面显示样式为:学生姓名:张三,总成绩:xxx分。
+            使用 JavaScript 的 for of、for in  方法进行操作。
+            可用 css/js 为列表项添加样式,如设置字体大小、颜色等。
+        */
+        const arr = [
+            {
+                name: '张三',
+                score: {
+                    chinese: 85,
+                    math: 80,
+                    english: 77
+                }
+            },{
+                name: '李四',
+                score: {
+                    chinese: 66,
+                    math: 72,
+                    english: 55
+                }
+            },{
+                name: '王五',
+                score: {
+                    chinese: 87,
+                    math: 99,
+                    english: 100
+                }
+            },{
+                name: '赵六',
+                score: {
+                    chinese: 40,
+                    math: 62,
+                    english: 53
+                }
+            },{
+                name: '田七',
+                score: {
+                    chinese: 88,
+                    math: 92,
+                    english: 77
+                }
+            }
+        ]
+    </script>
+</body>
+
+</html>