JavaScript练习

最新推荐文章于 2023-02-23 18:20:18 发布
最新推荐文章于 2023-02-23 18:20:18 发布
阅读量329 收藏
点赞数 1
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Amy_cx/article/details/126491195
版权

一、按如下要求编写代码：

        1. 找成绩大于平均分的所有学生

        2. 找姓名是rose的学生并且性别是女的学生

        3. 所有学生成绩减十分，返回到新数组中

        4. 所有学生中是否有女生

        5. 所有学生中是否有不及格的学生

        6. 所有学生的总成绩,使用reduce方法

        第一种方法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        //原数组
        var students = [{
                number: 1001,
                name: 'jack',
                score: 98,
                gender: '男'
            },
            {
                number: 1002,
                name: 'rose',
                score: 95,
                gender: '女'
            },
            {
                number: 1003,
                name: '小丽',
                score: 85,
                gender: '女'
            }
        ]
        var sum=0 //存储总成绩
        for(var i=0;i<students.length;i++){
            sum+=students[i].score
        }
        var avg=sum/students.length //平均分
        for(var i=0;i<students.length;i++){
            if(students[i].score>avg)
                console.log('成绩大于平均分的学生：',students[i].name);
            if(students[i].name == 'rose' && students[i].gender == '女')
                console.log(students[i]) //输出姓名是rose并且性别是女的学生的信息
        } 
        //所有学生成绩减十分，返回到新数组中 
        function newScore(){
            var newStudents=students.map(function (item){
                return item.score-10
            })
            return newStudents
        }
        console.log('成绩减10分后：',newScore());
        
        var count=0 //存储不及格学生人数
        for(var i=0;i<students.length;i++){
            if(students[i].gender == '女')
                console.log('性别为女的学生：',students[i]) //性别为女的学生的信息
            if(students[i].score<60){
                console.log('不及格学生有：',students[i].name); //不及格学生姓名
                count++
            }
        }
        if(count==0){
            console.log('没有不及格的学生');
        }

        function sumfn(){
            var sum=students.reduce(function(previousValue,currentValue,currentIndex,students){
                return previousValue+currentValue.score
            },0)
            return sum
        }
        console.log('总成绩：',sumfn());
    </script>
</body>
</html>

         第二种方法：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        var students = [{
                number: 1001,
                name: 'jack',
                score: 98,
                gender: '男'
            },
            {
                number: 1002,
                name: 'rose',
                score: 95,
                gender: '女'
            },
            {
                number: 1003,
                name: '小丽',
                score: 85,
                gender: '女'
            }
        ]
        //第一种方式
        // function findStudentsByAvg() {
        //     var total = 0
        //     for (var i = 0; i < students.length; i++) {
        //         var stu = students[i] //学生对象
        //         total += stu.score
        //     }
        //     console.log('总成绩：', total);
        //     var avg = total / students.length
        //     console.log('平均分', avg.toFixed(2));
        //     for (var j = 0; j < students.length; j++) {
        //         var stu = students[j] //学生对象
        //         if (stu.score > avg) {
        //             console.log('成绩大于平均分的学生：', stu)
        //         }
        //     }
        // }
        // findStudentsByAvg()

        //第二种方式
        function findStudentsByAvg2() {
            //总成绩
            var total = students.reduce(function (previouValue, currentValue) {
                return previouValue + currentValue.score
            }, 0)
            console.log('总成绩', total)
            var avg = total / students.length
            avg = parseInt(avg)
            //查找大于平均分学生
            var newStudents = students.filter(function (item) {
                return item.score > avg
            })
            console.log(newStudents)
        }
        findStudentsByAvg2()

        // 1.找成绩大于平均分的所有学生
        // 2.找姓名是rose的学生并且性别是女的学生
        var stu = students.find(function (item) {
            return item.name == 'rose' && item.gender == '女'
        })
        console.log(stu)
        // 3.所有学生成绩减十分，返回到新数组中
        var newArr = students.map(function (item) {
            return item.score - 10
        })
        console.log(newArr)
        // 4.所有学生中是否有女生
        var isok = students.some(function (item) {
            return item.gender == '女'
        })
        console.log(isok)
        // 5.所有学生中是否有不及格的学生
        var isok = students.some(function (item) {
            return item.score < 60
        })
        console.log(isok)
        // 6.所有学生的总成绩，使用reduce方法
        var total = students.reduce(function (previouValue, currentValue) {
            return previouValue + currentValue.score
        }, 0)
        console.log(total)
    </script>
</body>

</html>

二、对一组学生的百分制成绩[98,78,89,77,69,59,85,100,93,81]， 分别统计出100分、90~99分、80~89分、…0~9分的人数。

        第一种方法：用for循环加if-else语句。比较简单，在成绩的数据较多时不实用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        // 对一组学生的百分制成绩[98,78,89,77,69,59,85,100,93,81]， 分别统计出100分、90~99分、80~89分、…0~9分的人数
        var arr=[98,78,89,77,69,59,85,100,93,81]
        var hundred=0
        var ninety=0
        var eighty=0
        var seventy=0
        var sixty=0
        var fifty=0
        var forty=0
        var thirty=0
        var twenty=0
        var ten=0
        for(var i=0;i<arr.length;i++){
            if(arr[i]==100){
                hundred++
            }else if(arr[i]>=90){
                ninety++
            }else if(arr[i]>=80){
                eighty++
            }else if(arr[i]>=70){
                seventy++
            }else if(arr[i]>=60){
                sixty++
            }else if(arr[i]>=50){
                fifty++
            }else if(arr[i]>=40){
                forty++
            }else if(arr[i]>=30){
                thirty++
            }else if(arr[i]>=20){
                twenty++
            }else if(arr[i]>=10){
                ten++
            }
        }
        console.log(hundred,' ',ninety,' ',eighty,' ',seventy,' ',sixty,' ',fifty,' ',forty,' ',thirty,' ',twenty,' ',ten);
        
    </script>
</body>
</html>

         第二种方法：用函数累加。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        function getNumberByScore() {
            var stuScores = [98, 78, 89, 77, 69, 59, 85, 100, 93, 81]
            var num = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
            for (var i = 0; i < stuScores.length; i++) {
                var score = parseInt(stuScores[i] / 10)
                num[score]++
            }
            for (var j = 0; j < num.length; j++) {
                if (j == 10)
                    console.log('100分人数：' + num[j]);
                else
                    console.log(j * 10 + '-' + ((j + 1) * 10 - 1) + '分人数' + num[j]);
            }
        }
        getNumberByScore()
    </script>
</body>

</html>

三、反转字符

        将abcdefg反转成gfedcba

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>案例</title>
</head>
<body>
    <script>
        // 反转字符
        function testReverse(){
            var str='abcdefg' 

            //方法一
            var arr=str.split('') //字符串转数组
            var arr1=arr.reverse()
            var str1=arr1.join('') //数组转字符串
            console.log(str1)

            //方法二
            var str2=''
            for(var i=str.length-1;i>=0;i--){
                str2 += str[i]
            }
            console.log(str2)
        }
        testReverse()
    </script>
</body>
</html>

四、替换字符

        将abcdMMefghMMijklmn中的MM替换成**

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>案例</title>
</head>
<body>
    <script>
        // 替换字符串
        function testReplace(){
            var str='abcdMMefghMMijklmn' 
            while(str.indexOf('MM') != -1){
                str = str.replace('MM','**')
            }
            console.log(str) //abcd**efgh**ijklmn
        }
        testReplace()
    </script>
</body>
</html>

五、字符串分割

思想：

        初始化空数组

        初始化空字符串

        循环遍历字符串

        判断字符是否是'-'

        如不是 拼接字符串 ''

        如是 将拼接的字符串存储到数组中

        重置拼接字符串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>案例</title>
</head>
<body>
    <script>
        // 字符串分割
        /*
            初始化空数组
            初始化空字符串
            循环遍历字符串
            判断字符是否是'-'
            如不是 拼接字符串 ''
            如是 将拼接的字符串存储到数组中
            重置拼接字符串
        */
        function testSplit(){
            var str='javascript-html-css'
            //方法一
            var newStr = str.split('-')
            var arr=[]
            var str1=''
            for(var i=0;i<str.length;i++){
                var chars=str.charAt(i)
                if(chars != '-'){
                    str1 += chars
                }else{
                    if(str1 != ''){
                        arr.push(str1)
                        str1=''
                    }
                }
                if(i==str.length-1 && str1 != ''){
                    arr.push(str1)
                    str1=''
                }
            }
            console.log(arr)

            //方法二
            var strArray = []
            var str = 'javascript-html-css'
            var num = 0
            while(num != -1){
                num = str.lastIndexOf('-') //最后一个‘-’号所在的下标
                var newStr = str.substr(num + 1)
                str = str.replace('-' + newStr , '')
                strArray.unshift(newStr)
            }
            console.log(strArray)
        }
        testSplit()
    </script>
</body>
</html>

 

六、商品列表数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品列表数组</title>
</head>
<body>
    <script>
        // 商品列表数组 
        var productList = [{ 
                id: 1001, //商品序号 
                name: 'js高级编程', //商品名 
                url: 'https://img1.baidu.com/it/u=454394458,1998378568&fm=253&fmt=auto&app=138&f=JPEG', //商品图片
                price: 68.90, //商品价格 
                num: 0, //商品数量 
                singlePrice: 0, //商品总价=数量*价格 
                state: false //状态 
            },
            { 
                id: 1002, name: 'css高级编程', 
                url: 'https://img1.baidu.com/it/u=337910016,91561566&fm=26&fmt=auto', 
                price: 55.89, num: 0, singlePrice: 0, state: false //状态 
            },
            { 
                id: 1003, name: 'html高级编程', 
                url: 'https://img1.baidu.com/it/u=337910016,91561566&fm=26&fmt=auto', 
                price: 45.89, num: 0, singlePrice: 0, state: false //状态 
            } 
        ]
        // console.log(productList);
        // 1. 计算商品总价 
        var total = productList.reduce(function (previouValue, currentValue) {
            return previouValue + currentValue.price
        }, 0)
        console.log('商品总价', total)
        //2. 查找id为1002的商品
        var isok = productList.find(function (item) {
            return item.id == '1002'
        })
        console.log('id为1002的商品', isok)
    </script>
</body>
</html>

 

Amy_cx
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript练习
02-07
在“javascript练习”这个主题中，我们将会深入探讨JavaScript的基础知识、核心概念以及实际应用。 首先，我们要了解JavaScript的基础语法，包括变量声明（`var`, `let`, `const`）、数据类型（如字符串、数字、...
字符串
lsssssssssssy的博客
03-05 289
字符串 【单引号】、【双引号】、【三引号】 name1 = 'Tom' name2 = "Rose" name3 = ''' Tom ''' name4 = """ Rose """ a = ''' i am Tom, nice to meet you! ''' # 三引号实现换行 b = """ i am Rose, nice to meet you! """ 【 ’ 的写法...
Python学习笔记-8
L1416279170的博客
04-10 807
字符串 认识字符串 字符串特征 字符串的输出 字符串的输入 下标 切片 语法 体验 常用操作方法 查找 修改 删除空白 对齐 判断
Python学习day5（Python中的String）
发光吖的博客
03-03 378
Python中的String认识字符串一对引号字符串三引号字符串字符串输入字符串输出字符串下标（索引）字符串切片字符串的常用操作方法1.字符串的查找2.字符串的修改3.字符串的判断总结 认识字符串 字符串是 Python 中最常用的数据类型之一。我们一般使用引号来创建字符串。创建字符串很简单，只需为变量分配一个值即可。 字符串的标识符：str 一对引号字符串 name1 = 'Tom' name2...
输入输出格式
qq_62761353的博客
06-22 2271
输入输出格式
Python基础知识__字符串
小李的研究生学习日记
11-18 992
字符串介绍 一. 认识字符串 字符串是 Python 中最常用的数据类型。我们一般使用引号来创建字符串。创建字符串很简单，只要为变量分配一个值即可。 a = 'hello world' b = "abcdefg" print(type(a)) print(type(b)) 注意：控制台显示结果为<class 'str'>， 即数据类型为str(字符串)。 1.1 字符串特征 一对引号字符串 name1 = 'Tom' name2 = "Rose" 三引号字符串
JavaScript练习JavaScript练习JavaScript练习
04-21
JavaScript练习涵盖以下几个关键知识点： 1. **基础语法**：包括变量声明（var、let、const）、数据类型（如字符串、数字、布尔、null、undefined、对象、数组、Symbol、BigInt等）、运算符（算术、比较、逻辑、位...
JavaScript练习实例
11-19
本篇文章将深入探讨JavaScript练习实例中的关键知识点，帮助读者提升JavaScript编程技能。 1. **基础语法**：JavaScript的基础包括变量声明（`var`, `let`, `const`），数据类型（如`string`, `number`, `boolean`,...
uQuery:JavaScript练习
05-16
本文将深入探讨一个名为"uQuery"的JavaScript练习项目，它可能是对jQuery的一个小型实现或者学习实践。 在标题"uQuery: JavaScript练习"中，"uQuery"显然是这个项目的核心，它很可能是一个模仿jQuery的库，用于学习...
jsex：JavaScript练习
02-14
在"jsex-master"这个压缩包中，很可能包含了按照不同主题或难度组织的JavaScript练习题目和示例代码。用户可以通过解决这些练习来熟悉和掌握JavaScript的核心概念和技术。这些练习可能覆盖了从基础语法到高级特性的...
TodoMVC:TodoMVC JavaScript 练习
05-31
【TodoMVC：JavaScript 练习】 TodoMVC（TodoMVC.js）是一个著名的开源项目，旨在为开发者提供一个统一的平台，以便于学习和比较不同的前端MVC（Model-View-Controller）框架。这个练习项目是针对JavaScript开发者...
JavaScript练习题.doc
09-30
JavaScript 练习题集锦 JavaScript 是一种广泛使用的脚本语言，应用于 Web 开发、游戏开发、移动应用开发等领域。下面是 JavaScript 练习题集锦，涵盖函数、事件、对象等多方面的知识点。 函数练习 函数是 ...
javaScript练习题.docx
09-30
JavaScript 练习题汇总 JavaScript 是一种广泛应用于 web 开发的编程语言，它可以在客户端执行，以增强网页的交互性和用户体验。以下是 JavaScript 练习题的汇总，涵盖了选择题、不定项选择题、填空、判断、阅读...
7-10 简单枚举类型——植物与颜色 (20 分)
m0_63485942的博客
03-10 2091
请定义具有red, orange, yellow, green, blue, violet六种颜色的枚举类型color，根据输入的颜色名称，输出以下六种植物花朵的颜色： Rose(red), Poppies(orange), Sunflower(yellow), Grass(green), Bluebells(blue), Violets(violet)。如果输入的颜色名称不在枚举类型color中，例如输入purple，请输出I don't know about the color purple. 输入格
Python学习：字符串
weixin_42374938的博客
07-10 632
一、字符串创建 我们⼀般使⽤引号来创建字符串。创建字符串很简单，只要为变量分配⼀个值即可。 a = 'hello world' print(type(a)) name1 = """ Rose """ name2= ''' Tom '''#三引号形式的字符串⽀持换⾏。 二、字符串输入输出 （1）字符串输出 name = 'Tom' print('我的名字是%s' % name) （2）字符串输入 name = input('请输⼊您的名字：') print(f'您输⼊的名字是{name}') print
ZCMU--5286: Rose的字符串(C语言)
小小小Why的博客
02-23 524
心灵手巧的Jack为了省钱，决定低价购入一个较短的字符串并对其进行改造，改造不需要花钱，但只能进行两个操作：对字符串T的首部加上一个0，同时对其尾部加上一个1；而商店的字符串价格由它的长度决定，比如字符串011售价3元，001011售价6元，商店可以提供任意的字符串。现在Rose已经给出了字符串S，请问Jack最少需要购买多少长度的字符串，使得心灵手巧的他可以把从商店购买来的字符串转化成字符串S呢？每组数据仅一行S，代表Rose期望的字符串，字符串仅包含0和1，长度不超过10^3。
python中给出一个不超过10的正整数n_大学python题 求大佬解答！！！
weixin_35886095的博客
02-20 2008
该楼层疑似违规已被系统折叠隐藏此楼查看此楼7-4 计算指数 (5 分)真的没骗你，这道才是简单题 —— 对任意给定的不超过10的正整数n，要求你输出2n。不难吧？输入格式：输入在一行中给出一个不超过10的正整数n。输出格式：在一行中按照格式 2^n = 计算结果 输出2n的值。输入样例：5输出样例：2^5 = 327-5 A乘以B (5 分)看我没骗你吧 —— 这是一道你可以在10秒内完成的题：...
javascript练习代码
最新发布
06-13
以下是一个简单的 JavaScript 练习代码，它实现了一个计算器： ```html <!DOCTYPE html> <title>JavaScript Calculator <h1>JavaScript Calculator <br> ()">Add ()">Subtract ()">Multiply ()...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值