javaScript | 练习：定义一个函数，实现动态获取用户输入的数据作为数组元素，对数组进行遍历，查询数组中的最大值，并进行输出

一只漫漫

于 2024-03-10 14:17:27 发布

阅读量536

点赞数 14

分类专栏： web前端基础文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/ZM20170703/article/details/136583604

版权

web前端基础专栏收录该内容

8 篇文章 0 订阅

订阅专栏

练习1 ：写一个函数，根据用户输入的两个数值，进行判断出最大值，并进行函数调用，输出最大值

示例代码如下：

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数返回值练习</title>
</head>

<body>
    <script>
        // 练习1.求任意2个数中的最大值，并返回
    
                // one ： 封装一个函数 用户比较两数间的最大值 并且返回最大值
                function getSumOne(x, y) {
                    if (x > y) {
                        return x
                    } else {
                        return y
                    }
                }
                // two:正常执行的代码 
                // 1. 获取用户输入的两个数据
                let x = +prompt('请输入第一个数字:')
                let y = +prompt('请输入第二个数字:')
                // 2.函数调用 执行one中定义的函数 将返回结果存储再变量max中 
                let max = getSumOne(x, y)
                // 3.在页面输出结果
                document.write(`${x}和${y}中的最大值为:${max}`)       
    </script>
</body>

</html>

练习2 ：写一个函数，实现求给定数组中的最大值并返回该最大值

示例代码如下：

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数返回值练习</title>
</head>

<body>
    <script>
    

        // 练习2.求任意数组中的最大值并返回这个最大值
        // one : 定义一个函数 实现比较数组中的值 并返回出数组中的最大值
               function getArrMax(arr = []) {
                   // 遍历数组 查找数组中元素最大值 并返回最大值
                   let max = arr[0] // 将最大值设为数组第一个元素 之后发现更大的去更新它
                   for (let i = 1; i < arr.length; i++) {
                       //从索引1开始遍历，因为我们已经假设了索引0是最大值
                       if (arr[i] > max) {
                           max = arr[i] // 发现更大的更新max值
                       }
                   }
                   return max // 没有发现更大的 就正常放回
               }
       
               // two 正常执行的代码
               // 1. 定义一个数组
               let arr = [700, 800, 400, 900, 600]
               // 2. 调用函数 找到数组中元素的最大值
               let max = getArrMax(arr)
               // 3.打印出结果
               document.write(arr) // 将数组打印出来
               document.write('<br>')// 加个换行
               document.write(`这个数组中的最大值为:${max}`) // 在页面中输出结果
      
      
    </script>
</body>

</html>

练习3：写一个函数，实现求任意数组中的最大值并返回该最大值，进行函数调用，再对数组进行升序、降序排列处理，并输出处理结果

视频演示效果如下：

函数调用之数组排序综合练习

示例代码如下：

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数返回值练习</title>
</head>

<body>
    <script>
      

        // 练习3.求任意数组中的最大值并返回这个最大值
        // one 获取数组中最大值的函数定义
        function getMax(arr = []) {
            // 遍历数组找最大值 并且返回最大值
            let max = arr[0] // 假设数组的第一个元素就是最大值
            for (let i = 1; i < arr.length; i++) {
                if (arr[i] > max) {// 找到更多的则更新最大值max
                    max = arr[i]
                }
            }
            return max // 查找完毕 输出最大值
        }

        // 正常执行的代码块
        let arr = [] // 定义一个空数组 用于存储用户输入的数组数据
        for (let i = 1; i <= 5; i++) { // 这里限制为五个元素
            arr.push(+prompt(`请输入数组的第${i}个数据：`))
            // 用数组的push()方法 把用户输入的五个值都存到数组中
        }
        // 调用函数 找到最大值
        let max = getMax(arr)
        document.write('您输入的数组元素如下：')
        document.write(arr)//将数组元素打印出来
        document.write('<br>')
        document.write(`这个数组中的最大值为:${max}`)
        document.write('<br>')

        arr.sort(function (a, b) {
            return a - b
        }) // 调用系统定义好的 将数组元素进行升序排列的方法 
        document.write('对您输入的数组进行升序排序后结果如下：')
        document.write(arr) // 输出排序后的数组元素
        arr.sort(function (a, b) {
            // 调用系统定义好的 将数组元素进行降序排列的方法 
            return b - a
        })
        document.write('<br>')
        document.write('对您输入的数组进行降序排序后结果如下：')
        document.write(arr)
    </script>
</body>

</html>