for循环实例练习

一、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}岁
`)
    }

---

 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}天
`)
        for(let j = 1; j <= 5; j++){
            document.write(`记住第${j}个单词
`)
        }
        
    }

---

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

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

---

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(`
`)
    }

---

8.打印倒三角星星

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

---

9.九九乘法表

---

二、数组实例

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

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

---

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)

---

三、综合案例

        需求： 用户输入四个季度的数据，可以生成柱形图

        分析：

        ①：需要输入4次，所以可以把4个数据放到一个数组里面

                 利用循环，弹出4次框，同时存到数组里面

        ②：遍历改数组，根据数据生成4个柱形图，渲染打印到页面中

                 柱形图就是div盒子，设置宽度固定，高度是用户输入的数据

                 div里面包含显示的数字和 第n季度 

目录

一、for循环实例练习

1.打印十遍我爱CSDN

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

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

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

5.打印以下图形

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

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

8.打印倒三角星星

9.九九乘法表

二、数组实例

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

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

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

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

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

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

三、综合案例

需求： 用户输入四个季度的数据，可以生成柱形 

---