JS自学Day4-for循环和数组--数组的基本使用

最新推荐文章于 2024-07-26 20:46:33 发布

什么时候养猫猫

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量175

点赞数 1

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_64005381/article/details/126955329

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

循环-for

1.1for循环-基本使用

for循环语句

案例--打印我今年多少岁、1~100偶数的累加值

循环-for

1.1for循环-基本使用

for循环语句

也是重复代码

好处：把声明起始值、循环条件、变化值写到一起，让人一目了然

for（声明记录循环次数的变量；循环条件；变化值）{

循环体

}

 for(let i = 1 ; i<=10 ; i++){
            document.write(`月薪过万<br>`)
        }

案例--打印我今年多少岁、1~100偶数的累加值

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

        2.求1~100偶数的累加值
        let sum = 0
        for(let i = 1; i <=100 ;i++){
            // 筛选偶数
            if( i%2 === 0){
                sum+=i
            }
        }

for循环和while循环的区别：

1.当明确了循环的次数的时候推荐使用for循环

2.当不明确循环的次数的时候推荐使用while循环

 let arr=[0,1,2,3,4]
        for(let i =0 ;i< arr.length ;i++){
            document.write(` ${arr[i]}<br>` )
        }

退出循环

循环结束：

continue：结束本次循环，继续下次循环

break：跳出所在的循环

for(let i = 1; i < 6; i++){
            if(i === 2){
                continue//继续 退出本次循环 继续下次循环
                // break 结束循环 退出整个循环
            }
            document.write(i)
        }

循环嵌套

for循环嵌套

  // 循环嵌套
        for(let i =1;i<6; i++){
            for(let j=1;j<6;j++){
                document.write(`☆`)
            }
        }
// 外循环执行一次，里面循环执行五次

（案例）--记忆单词

  // 记忆单词案例
        // 分析
        // 1.外面循环 记录第n天
    
        for(let i = 1;i < 4; i++){
            document.write(`第${i}天<br>`)
            // 2.里层的循环 记录几个单词
            for(let j=1 ; j<6;j++){
                document.write(`记住第${j}个单词<br>`)
            }
        }

（案例）--打印五行五列小星星

  // 外层行，里层每行几个
        for(let i=0 ;i<5;i++){
            for(let j=0 ;j<5;j++){
                document.write(`❤`)
            }
            document.write(`<br>`)
        }

（案例）--打印倒三角星星

分析：利用双重for循环来做

2.外层循环控制打印行数，内层循环控制每行打印几个（列）

3.内层循环的个数跟第几行是对应的

  for(let i=1;i<6;i++){
            for(let j=0;j<i;j++){
                document.write(`❤`)
            }
            document.write(`<br>`)
        }

（案例）--九九乘法表

   <style>
        div{
            display: inline-block;
            height: 25px;
            line-height: 25px;
            margin: 5px;
            background-color: pink;
            padding: 0 10px;
            border: 1px soild hotpink;
            border-radius: 5px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
        }
    </style>
</head>
<body>
    <script>
        for(i=1;i<10;i++){
            for(j=1; j<i+1;j++){
                let m = i * j
                document.write(`<div>${j} *  ${i} = ${m} </div>`)
            }
            document.write(`<br>`)
        }
    </script>

数组

2.1数组的介绍

数组（Array）是一种可以按顺序保存数据的数据类型

2.2数组的基本使用

1.声明语法

let 数组名 = [数据1,数据2,数据3...,数据n]

数组是按顺序保存，所以每个数据都有自己的编号

计算机在的编号从0开始，1,2,3...

在数组中，数据的编号也叫索引或下标

数组哭存储任意类型的数据

2.取值语法

数组名[下标]

let names = ['小明','小刚','小刚','小丽','小米']
name[0]//小明
name[1]//小刚

3.一些术语：

元素：数组中保存的每个数据都叫数组元素

下标：数组中数据的编号

长度：数组中数据的个数，通过数组的length属性获得

4.遍历数组：

用循环把数组中每个元素都访问到，一般都会用for遍历循环

语法：

for(let i = 0; i < 数组名.length ; i++){
       数组名[i]
}

（案例)--数组求和

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

分析：

声明一个求个变量sum

遍历这个数组，把里面的每个数组元素加到sum里面

用求和变量sum除以数组的长度就可以得到数组的平均值

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

（案例）-求数组最大值

需求：求数组[2,6,1,77,52,25,7]的最大值

分析：

1.声明一个保存最大元素的变量ms

2.默认最大值可以取数组中的第一个元素

3.遍历这个数组，把里面的每个数组元素和max相比较

4.如果这个数组元素大于max，就把这个与元素存入max中，否则继续下一轮比较

5.输出这个max

 let arr=[2,6,1,77,52,25,7]

        let max=arr[0]
        for(let i=1;i<arr.length;i++){
            if(arr[i]> max){
                max = arr[i]
            }
        }
        document.write(`${max}`)