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>

结果:

相关推荐
狸克先生几秒前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
baiduopenmap15 分钟前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish23 分钟前
小程序webview我爱死你了 小程序webview和H5通讯
前端
请叫我欧皇i35 分钟前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_38 分钟前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
guokanglun44 分钟前
空间数据存储格式GeoJSON
前端
zhang-zan1 小时前
nodejs操作selenium-webdriver
前端·javascript·selenium
猫爪笔记1 小时前
前端:HTML (学习笔记)【2】
前端·笔记·学习·html
brief of gali2 小时前
记录一个奇怪的前端布局现象
前端
Json_181790144802 小时前
电商拍立淘按图搜索API接口系列,文档说明参考
前端·数据库