Web前端第四次作业

目录

一、编写一个函数,形参是一个数组,返回数组中所有数字的平均值

二、编写一个函数,形参是一个数组,返回数组中的最大值

三、编写一个函数,形参是一个字符串,统计该字符串中每个字母出现的次数,并以对象形式返回


一、编写一个函数,形参是一个数组,返回数组中所有数字的平均值

代码:

html 复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            // 定义一个函数用于计算数组的平均值
            function calculateAverage(arr) {
                // 初始化变量sum,用于存储数组元素的总和
                let sum = 0;
                
                // 使用for...of循环遍历数组中的每一个元素
                for (let num of arr) {
                    // 将当前元素的值累加到sum变量中
                    sum += num;
                }
                
                // 计算平均值,即总和除以数组的长度
                let avg = sum / arr.length;
                
                // 返回计算出的平均值
                return avg;
            }

            // 定义一个数组
            let array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
            
            // 调用calculateAverage函数计算数组的平均值
            let result = calculateAverage(array);
            
            // 将计算结果输出到控制台
            console.log(result);  // 输出:5.5
        </script>
    </body>
</html>

结果:

二、编写一个函数,形参是一个数组,返回数组中的最大值

代码:

html 复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            // 定义一个数组
            let arr = [5, 3, 6, 8, 9, 10, 20];

            // 定义一个函数用于找到数组中的最大值
            function getMax(arr) {
                // 将数组的第一个元素初始化为最大值
                let max = arr[0];
                
                // 使用for循环遍历数组,从第二个元素开始
                for (let i = 1; i < arr.length; i++) {
                    // 如果当前元素比max大,则更新max为当前元素
                    if (max < arr[i]) {
                        max = arr[i];
                    }
                }
                
                // 返回找到的最大值
                return max;
            }

            // 调用getMax函数并将结果输出到控制台
            console.log(getMax(arr));  // 输出:20
        </script>
    </body>
</html>

结果:

三、编写一个函数,形参是一个字符串,统计该字符串中每个字母出现的次数,并以对象形式返回

代码:

html 复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            // 定义一个函数,用于统计字符串中每个字母出现的次数
            function countLetters(str) {
                // 创建一个空对象用于存储字母出现的次数
                let letterCount = {};
                
                // 遍历字符串中的每个字符
                for (let char of str) {
                    // 检查字符是否是字母
                    if (char.match(/[a-zA-Z]/)) {
                        // 将字母转换为小写,以便不区分大小写
                        char = char.toLowerCase();
                        
                        // 如果字母已经在对象中,则增加其计数
                        // 否则,将其添加到对象中,初始计数为1
                        letterCount[char] = (letterCount[char] || 0) + 1;
                    }
                }
                
                // 返回字母计数对象
                return letterCount;
            }

            // 测试函数
            let testString = "Hello, World!";
            let result = countLetters(testString);
            console.log(result);  // 输出:{ h: 1, e: 1, l: 3, o: 2, w: 1, r: 1, d: 1 }
        </script>
    </body>
</html>

结果:

相关推荐
red润4 分钟前
使用 HTML5 Canvas 实现动态蜈蚣动画
前端·html·html5
sg_knight12 分钟前
VSCode如何修改默认扩展路径和用户文件夹目录到D盘
前端·ide·vscode·编辑器·web
一个处女座的程序猿O(∩_∩)O21 分钟前
完成第一个 Vue3.2 项目后,这是我的技术总结
前端·vue.js
mubeibeinv22 分钟前
项目搭建+图片(添加+图片)
java·服务器·前端
逆旅行天涯29 分钟前
【Threejs】从零开始(六)--GUI调试开发3D效果
前端·javascript·3d
m0_748255261 小时前
easyExcel导出大数据量EXCEL文件,前端实现进度条或者遮罩层
前端·excel
web147862107231 小时前
C# .Net Web 路由相关配置
前端·c#·.net
m0_748247801 小时前
Flutter Intl包使用指南:实现国际化和本地化
前端·javascript·flutter
飞的肖1 小时前
前端使用 Element Plus架构vue3.0实现图片拖拉拽,后等比压缩,上传到Spring Boot后端
前端·spring boot·架构
青灯文案12 小时前
前端 HTTP 请求由 Nginx 反向代理和 API 网关到后端服务的流程
前端·nginx·http