for循环实例练习

奶粉罐没粉

已于 2022-08-26 18:04:16 修改

阅读量2k

点赞数 2

文章标签： javascript 开发语言

于 2022-08-26 16:33:10 首次发布

本文链接：https://blog.csdn.net/qq_62089165/article/details/126451876

版权

一、for循环实例练习

1.打印十遍我爱CSDN

for (let i = 1; i <= 10; i++){
        document.write(`我爱CSDN`)
    }

2.利用for循环输出1~100岁

for (let i = 1; i <= 100; i++){
        document.write(`${i}岁<br>`)
    }

3.求1-100之间所有的偶数和

    let sum = 0
    for (let i = 1; i <= 100; i++){
       if (i % 2 === 0){
        sum += i
       }
    }
    document.write(sum)

4.页面中打印5个小星星★★★★★

    for(let i = 1; i <= 5; i++){
        document.write(`★`)
    }

5.打印以下图形

    for(let i = 1; i <= 3; i++){
        document.write(`第${i}天<br>`)
        for(let j = 1; j <= 5; j++){
            document.write(`记住第${j}个单词<br>`)
        }
        
    }

6.打印以下5行5列小星星

 for(let i = 1; i <= 5; i++){
        for(let j = 1; j <= 5; j++){
            document.write(`★`)
        }
        document.write(`<br>`)
    }

7.用户输入n行m列自动打印输出小星星

    let num1 = prompt('请输入行数：')
    let num2 = prompt('请输入列数：')
    for(let i = 1; i <= num1; i++){
        for(let j = 1; j <= num2; j++){
            document.write(`★`)
        }
        document.write(`<br>`)
    }

8.打印倒三角星星

for(let i = 1; i <= 5; i++){
        for(let j = 1; j <= i; j++){
            document.write(`★`)
        }
        document.write(`<br>`)
    }

9.九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            display: inline-block;
            height: 25px;
            width: 100px;
            line-height: 25px;
            margin: 5px;
            background-color: pink;
            padding: 0 10px;
            border: 1px solid hotpink;
            color: deeppink;
            border-radius: 5px;
            box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.2);
            text-align: center;
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <script>
        for(let i = 1; i <= 9; i++){
            for(let j = 1; j <= i; j++){
            document.write(`
            
            <div>${j} × ${i} = ${j * i}</div>
            
            `)
        }
        document.write(`<br>`)
    }
    </script>
</body>
</html>

二、数组实例

1.遍历数组['马超','赵云','张飞','关羽','黄忠']

let arr = ['马超','赵云','张飞','关羽','黄忠']
for (let i = 0; i < arr.length ; i++){
    document.write(`你所选的英雄是：${arr[i]}<br>`)
}

2.求数组 [2,6,1,7,4] 里面所有元素的和以及平均值

    let arr =[2,6,1,7,4]
    let sum = 0
    let average = 0
    for (let i = 0; i < arr.length; i++){
        sum += arr[i] 
    }
    average = sum / arr.length
    document.write(`本数组所有元素的和是${sum},其平均值是${average}`)

3.求数组 [2,6,1,77,52,25,7] 中的最大值

    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]
        }
    }
    document.write(max)

4.将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中大于等于 10 的元素选出来，放入新数组

    let arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 
    let Newarr = []
    for (let i = 0;i < arr.length; i++){
        if (arr[i] >= 10){
            Newarr.push(arr[i])}
    }
    document.write(Newarr)

5.将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中的 0 去掉后，形成一个不包含 0 的新数组

    let arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]
    let Newarr = []
    for (let i = 0;i < arr.length; i++){
        if (arr[i] != 0){
            Newarr.push(arr[i])}
    }
    document.write(Newarr)

6.对数组[2,3,1,4,5]进行冒泡排序

    let arr = [2,3,1,4,5]
    for (let i = 0;i <= arr.length-1; i++){
        for (let j = 0;j <= arr.length-i-1;j++){
            if(arr[j] > arr[j+1]){
            let temp = arr[j]
            arr[j] = arr[j+1]
            arr[j+1] = temp 
        }
        }
    }
    document.write(arr)