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>

结果:

相关推荐
有梦想的刺儿4 分钟前
webWorker基本用法
前端·javascript·vue.js
cy玩具25 分钟前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
qq_390161771 小时前
防抖函数--应用场景及示例
前端·javascript
John.liu_Test2 小时前
js下载excel示例demo
前端·javascript·excel
Yaml42 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理
PleaSure乐事2 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro
哟哟耶耶2 小时前
js-将JavaScript对象或值转换为JSON字符串 JSON.stringify(this.SelectDataListCourse)
前端·javascript·json
getaxiosluo2 小时前
react jsx基本语法,脚手架,父子传参,refs等详解
前端·vue.js·react.js·前端框架·hook·jsx
理想不理想v2 小时前
vue种ref跟reactive的区别?
前端·javascript·vue.js·webpack·前端框架·node.js·ecmascript
知孤云出岫2 小时前
web 渗透学习指南——初学者防入狱篇
前端·网络安全·渗透·web