运行结果如下:
参考代码如下:
<!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>` 标签换行,以便清晰地显示两个不同的结果。
这段代码的目的是通过遍历数组,找出数组中的最小值和最大值,并将这两个值展示在网页上。