admin

6_ES6/练习作业/练习作业1.html

@@ -21,8 +21,35 @@
             使用 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"];
-       
+        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"];
+
+        //格式化数据
+        function formatData(str) {
+            // 2025-1-1 将字符型的日期分割成数组
+            let resDate = str.split("-"); 
+            let year = resDate[0];
+            let month = Number.parseInt(resDate[1])+1;
+            let day = resDate[2];
+            let dateStr = `${year}年${month}月${day}日`;
+            return dateStr;
+            // 2025年2月1日
+        }
+
+        //将格式化后的数据添加到新数组中
+        let resArr = arr.map(function (item) {
+            return formatData(item);
+        });
+
+
+        // 将新格式化后的数据添加到页面中
+        let oBox = document.getElementById("box");
+        resArr.forEach(function (item, index) {
+            let oLi = document.createElement("li");
+            oLi.innerText = item;
+            oBox.appendChild(oLi);
+        });
+
+
     </script>
 </body>
 

6_ES6/练习作业/练习作业2.html

@@ -72,6 +72,24 @@
                 address:"哈尔滨南岗区"
             }
         ]
+
+        // 使用 filter 方法对数组进行操作 将符合条件的数据过滤出来。
+        let resArr = personList.filter(function(item){
+            if(item.userAge >= 60 && (item.address.endsWith("村") || item.address.endsWith("镇"))){
+                return true;
+            }else{
+                return false;
+            }
+        });
+
+        // 将过滤后的结果插入大列表中
+        let oBox = document.getElementById("box");
+        resArr.forEach(function(item){
+            let oLi = document.createElement("li");
+            let resStr = `用户名：${item.userName},用户性别：${item.userSex},年龄：${item.userAge},地址：${item.address}`;
+            oLi.innerText = resStr;
+            oBox.appendChild(oLi);
+        })
     </script>
 </body>
 

6_ES6/练习作业/练习作业3.html

@@ -56,6 +56,32 @@
                 }
             }
         ]
+
+        // 创建函数对分数进行汇总 接受分数对象并进行加和处理
+        function scoreSum(score){
+            let sum = 0;
+            // 使用for in 循环遍历对象 key 是每次对象的属性值
+            for(let key in score){
+                sum += score[key];
+            }
+            return sum;
+        }
+
+        // 创建新数组存储学生姓名和总分
+        let resArr = arr.map(function(item){
+            return {
+                name : item.name,
+                sum : scoreSum(item.score)
+            }
+        })
+
+        // 使用for of 循环遍历数组
+        let oBox = document.getElementById('box');
+        for(let item of resArr){
+            let oLi = document.createElement('li');
+            oLi.innerText = `学生姓名：${item.name}, 总成绩：${item.sum}分`;
+            oBox.appendChild(oLi);
+        }
     </script>
 </body>