for循环嵌套、九九乘法表

循环嵌套

for循环嵌套、九九乘法表_第1张图片
for循环嵌套、九九乘法表_第2张图片

 <script>
        let row = +prompt('请输入行数:')
        let col = +prompt('请输入列数:')
        for (let i = 1; i <= row; i++) {
            for (let a = 1; a <= col; a++) {
                document.write(``)
            }
            document.write('
'
) }
script>

当需要在代码中执行一系列重复的操作时,可以使用循环结构。其中一种常见的循环结构是嵌套的for循环,它可以用来处理多维数据结构或执行多层嵌套的任务。

for i in range(5):  # 外层循环
    for j in range(3):  # 内层循环
        print(f"外层循环变量:{i},内层循环变量:{j}")

注:记住,在使用嵌套的for循环时要注意控制循环的层数和迭代次数,以避免无限循环或性能问题。

九九乘法表

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<style>
    #multiplication-table {
        border-collapse: collapse;
    }

    #multiplication-table td {
        border: 1px solid black;
        padding: 5px;
    }
style>

<body>
    <table id="multiplication-table">table>
    <script>
        var table = document.getElementById("multiplication-table");

        for (var i = 1; i <= 9; i++) {
            var row = document.createElement("tr");
            for (var j = 1; j <= 9; j++) {
                var cell = document.createElement("td");
                cell.textContent = i + " * " + j + " = " + (i * j);
                row.appendChild(cell);
            }
            table.appendChild(row);
        }
    script>
body>

html>

数组

for循环嵌套、九九乘法表_第3张图片
1、声明数组
在这里插入图片描述

2、获取语法
for循环嵌套、九九乘法表_第4张图片
数组求和:在这里插入图片描述
分析:for循环嵌套、九九乘法表_第5张图片

<script>
        let arr = [2, 6, 1, 7, 4]
        let sum = 0
        for (let i = 0; i < arr.length; i++) {
            sum += arr[i]
        } 
        console.log(`数组的和的结果是${sum}`)
        console.log(`数组的平均值的结果是${sum / arr.length}`)

    script>

求数组最大值和最小值:在这里插入图片描述
分析:for循环嵌套、九九乘法表_第6张图片

   <script>
        let arr = [2,6,1,77,52,25,7]
        let max = arr[0]
        for(let i = 1; i<arr.length;i++){
            if(max < arr[i]){
                max = arr[i]
            }
        }
        console.log(max);
    script>

1、输入数据
2、渲染页面

你可能感兴趣的:(javascript,前端,html)