javaScript | 练习：给出一个数组，用循环遍历数组找出数组中的最大值和最小值如：给出数组 let arr = [3, 6, 4, 8, 11, 90, 1]_遍历一个数组并找出数组中的最大值和最小值js使用for循环-程序员宅基地

运行结果如下：

参考代码如下:

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr = new Array(3, 6, 4, 8, 11, 90, 1)  //构造数组 并初始化
        let min = arr[0] //初始化最小值变量为数组的第一个元素
        let max = arr[0] //初始化最大值变量为数组的第一个元素
        for (let i = 0; i < arr.length; i++) {//遍历整个数组
            // 进行大小比较 并且更新最小值
            if (min > arr[i]) {
                min = arr[i] //如果遍历到的数组中数据比初始化的最小值小 则更新最小值
            }
            // 进行大小比较 并且更新最大值
            else if (max < arr[i]) {
                max = arr[i]
            }
        }
        //对结果进行打印输出
        document.write(`这个数组中的最小值为:${min} <br>`)
        document.write(`这个数组中的最大值为:${max}`)
    </script>
</body>
</html>

知识点：

1. 数组的创建和初始化：使用 `new Array()` 构造函数创建了一个包含特定元素的数组。

2. 循环控制结构：使用了 `for` 循环来遍历数组的所有元素。

3. 条件判断：在循环中使用了 `if...else if` 结构来分别比较当前遍历到的元素是否为数组中的最小值和最大值，并据此更新 `min` 和 `max` 变量。

4. DOM 操作：使用了 `document.write()` 方法将计算得到的最小值和最大值输出到网页文档中。

代码的解读如下：

- 首先，使用 `new Array()` 创建了一个新的数组 `arr` 并初始化了其中的元素。

- 接着，初始化了两个变量 `min` 和 `max`，它们分别用来存储数组中的最小值和最大值。初始值都设为数组的第一个元素 `arr[0]`。

- 然后，使用 `for` 循环遍历数组 `arr` 中的每个元素。

- 在循环体内，通过 `if...else if` 条件语句来比较当前遍历到的元素与已知的最小值和最大值。

- 如果发现当前元素比已知的最小值还小，就更新 `min` 变量为当前元素的值。

- 如果发现当前元素比已知的最大值还大，就更新 `max` 变量为当前元素的值。

- 最后，使用 `document.write()` 方法将计算出的最小值和最大值输出到网页上，并通过 `<br>` 标签换行，以便清晰地显示两个不同的结果。

这段代码的目的是通过遍历数组，找出数组中的最小值和最大值，并将这两个值展示在网页上。

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

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

c语言中struct和typedef struct的用法_typedef struct用法-程序员宅基地

文章浏览阅读2.2k次，点赞18次，收藏51次。基本形式在C语言中，可以使用结构体（Struct）来存放一组不同类型的数据。结构体的定义形式为：struct 结构体名{ 结构体所包含的变量或数组};结构体是一种集合，它里面包含了多个变量或数组，它们的类型可以相同，也可以不同，每个这样的变量或数组都称为结构体的成员（Member），比如????struct stu{ char *name; //姓名 int num; //学号 int age; //年龄 char group; //所在学习小组_typedef struct用法

用 .NET 启动你的 DJI Ryze Tello 无人机_c# 大疆sdk-程序员宅基地

文章浏览阅读2.2k次，点赞5次，收藏6次。用 .NET 启动你的无人机_c# 大疆sdk

基础的Linux命令_touch index.js-程序员宅基地

文章浏览阅读92次。基本的Linux命令改变目录回退到上一个目录显示当前所在目录路径列出当前目录中的所有文件新建一个文件，如index.js，在当前目录下新建一个index.js文件删除一个文件新建一个目录（新建一个文件夹）删除一个文件夹index移动文件重新初始化终端清屏查看命令历史帮助退出注释改变目录cd回退到上一个目录cd…显示当前所在目录路径pwd列出当前目录中的所有文件ls新建一个文件，如index.js，在当前目录下新建一个index.js文件touch index.js删除一个文件如rm _touch index.js

Qt中如何将QComboBox中的选项StringItem与数值内联binding_qt combobox显示数值和实际值怎么绑定-程序员宅基地

文章浏览阅读501次。Qt中如何将QComboBox中的选项StringItem与数值内联binding开发文档中有两种方法第一种：第二种：这里介绍第二种（我认为更简单的一种）就用我目前做的一个小项目来说吧我的combo box中有各种各样的运动，每种运动自动内联着它所对应的一个小时所消耗的卡路里（int）consume::consume(QWidget *parent) : QDialog(parent), ui(new Ui::consume){ ui->setupUi(_qt combobox显示数值和实际值怎么绑定

创建异形窗口[3]-程序员宅基地

文章浏览阅读81次。为什么80%的码农都做不了架构师？>>> ..._gtk3 异形窗口

随便推点

您绝对不能错过的 10 个 OKR 示例！_优秀的okr案例-程序员宅基地

文章浏览阅读429次，点赞6次，收藏8次。在此基础上，制定团队 OKR，它可以是产品层面的或部门层面的，但它们会融入组织的目标中。使用 OKR 方法的一个巨大好处是，它可以针对不同的部门和团队进行细分，以便整个公司追求相同的组织目标，但利用特定的关键结果。如果您没有达到 100% 的关键结果，您仍然应该为实现这一目标所付出的努力感到自豪，评估是否需要进行更改，并重新调整下一个周期的目标和关键结果。令人惊讶的是，伦敦商学院进行的一项研究显示，在接受调查的 11,000 名高级管理人员中，只有三分之一能够列出他们公司的三大优先事项。_优秀的okr案例

HDU 5350(MZL's munhaff function-哈夫曼树)_禎痲霤攷 hdu-程序员宅基地

文章浏览阅读2.1k次。MZL's munhaff functionTime Limit: 3000/1500 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Others)Total Submission(s): 230 Accepted Submission(s): 133Problem DescriptionMZL is _禎痲霤攷 hdu

AndroidStudio4.1 自定义模板_android studio 4.1 自定义模板-程序员宅基地

文章浏览阅读1.3k次。AndroidStudio4.0之前，可以在template的文件夹里使用freemarker的自定义模板，可以在AndroidStudio的文件夹中，随意的添加适合自己的自定义模板，之前鸿洋大神的文章已经有来详细的介绍（https://blog.csdn.net/lmj623565791/article/details/51592043）。但是从4.1版本开始提供新的方式，Geminio，用Kotlin的形式编写新的template，而且需要使用插件的形式，才能使用自定义的模板，摸索了好几天，终于解决了_android studio 4.1 自定义模板

微信小程序云开发-酒店点餐类系统，附带（node.js在widows环境下的配置过程）_云开发可以做扫码类么-程序员宅基地

文章浏览阅读3.2k次，点赞3次，收藏11次。前些日子，帮一个学生做了一个毕业设计，是关于酒店点餐的微信小程序，现在整理一下过程。本款小程序是基于微信云开发的，现在做微信小程序的一大方便是：微信给大家提供了免费空间（云开发），对于不想花钱去租用服务器和域名的小伙伴儿来说，这无疑是一大喜事！本款小程序非常适合商城类小程序的二次开发或是学习商城类小程序最佳的一个案例。废话不多说，直接上图：小程序..._云开发可以做扫码类么

jq使用ajax报错404,jQuery中ajax错误调试分析-程序员宅基地

文章浏览阅读1.8k次。jQuery中把ajax封装得非常好。但是日常开发中，我偶尔还是会遇到ajax报错。这里简单分析一下ajax报错一般的jQuery用法如下，ajax通过post方式提交"汤姆和老鼠"这段数据到xxx.php文件中。成功后则打印返回的数据，失败则打印错误原因。$.ajax({url:"xxx.php",type:"post",datatype:"json",data:{"cat":"tom","mo..._jquery ajax保存数据到后端flask,出现404not found错误

HDU 1587 Flowers 解题报告_2019 flowers acm-程序员宅基地

文章浏览阅读1.3k次。动态规划完全背包_2019 flowers acm