循环语句(for语句)&数组

249 阅读4分钟

循环语句--for语句

for语句

介绍:

for循环和while循环一样,都是循环语句,

作用:

重复执行代码。

使用方法:

for(声明记录循环次数的变量;循环条件;变化值){ 循环体 }

例如:

<script>

let sum=0;
for(let i=1 ; i<=2 ; i++){
sum+=i;
} //循环1次
alert(sum)//3

</script>

优点:

把声明起始值、循环条件、变化值写到一起,让人一目了然。

for&while的使用场景:

  1. 当如果明确了循环的次数的时候推荐使用for循环;
  2. 当不明确循环的次数的时候推荐使用while循环。

退出循环

continue

作用:

结束本次循环,继续下次循环。

使用方法:
<script>

   let sum=0,a=1;
   for(let i=1 ; i<=2 ; i++){
     sum+=i;
     continue;
     a+=i;
   } 
   alert(sum)//3
   alert(a)//1

</script>

break

作用:

直接跳出所在循环,继续执行循环下面的代码。

使用方法:
<script>

   let sum=0,a=1;
   for(let i=1 ; i<=2 ; i++){
     sum+=i;
     break;
     a+=i;
   } 
   alert(sum)//1
   alert(a)//1

</script>

循环嵌套

介绍:

一个循环嵌套一个循环,一般用在for里。

使用方法:

<script>

        for (外部声明记录循环次数的变量; 循环条件; 变化值) { 
            
            for (内部声明记录循环次数的变量; 循环条件; 变化值)             {
                循环体;
            }
            
        }

</script>
例子:

假如每天记住5个单词,3天后一共能记住多少单词?

 <script>

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

 </script>

结果:

image-20220401102217296

数组

介绍:

数组是一种可以按顺序保存数据的数据类型。如“let arr=[2,3,52,2]”。

思考:如果我想保存一个班里5个人的姓名怎么办?

答:

  1. 按照常规变量来收集姓名的话,那就得要五个变量,而且它们也是单独存在的,假如我想调用这五个人的姓名的话,就得调用五次,很是复杂,而且容易出错。
  2. 我们也可以用数组来收集姓名,把姓名都收集在一个变量(数组)里如“let arr=['小明','小张','小联','小东']”,这样,在我们需要调用这五个人的名字的时候,我只需要调用一个数组名arr就可,数据集中、调用方便。

作用:

数据集中,统一调用。

属性:

数组名.length----表示该数组的长度(元素个数),可以输出一个长度值;如:

<script>

        let arr = [2, 3, 5, 1, 2], num;
        num = arr.length;
        alert(num);//5

    </script>

使用:

1、声明数组

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

image-20220401105059064

2、调用数组

数组名[下标];例:

image-20220401105143709

3、拓展

  1. 数组是按顺序保存,所以每个数据都有自己的编号;
  2. 计算机中的编号从0开始,所以小明的编号为0,小刚编号为1,以此类推;
  3. 在数组中,数据的编号也叫索引或下标;
  4. 数组可以存储任意类型的数据。

方法:

1、增加数组元素

数组.push(元素)
介绍:

将一个或多个元素添加到数组的末尾,并返回该数组的新长度。

语法:
arr.push(元素1,元素2,元素3,...,元素n)

例如:

1、image-20220401122507835

2、image-20220401111454191

数组.unshift(元素)
介绍:

将一个或多个元素添加到数组的开头,并返回该数组的新长度。

语法:
arr.unshift(元素1,元素2,元素3,...,元素n)

例如:

image-20220401111708370

2、减少数组元素

数组.pop()
介绍:

从数组中删除最后一个元素,并返回该元素的值。

语法:
arr.pop()

例如:

1、image-20220401122722166

2、image-20220401115055545

数组.shift()
介绍:

从数组中删除第一个元素,并返回该元素的值。

语法:
arr.shift()

例如:

image-20220401115234337

3、指定位置删除元素

介绍:

数组.splice(),删除指定元素。

语法:

image-20220401115648129

解释:

start 起始位置:

指定修改的开始位置(从0计数);

deleteCount:

表示要移除的数组元素的个数 可选的。 如果省略则默认从指定的起始位置删除到最后。

例如:

1image-20220401123243352

注意:

假如调用数组元素,那个数组元素没有被赋值,则结果为undefined。

拓展:

特殊用法:

  1. 快速获取数组的最后一个元素---数组名[数组名.length-1];
  2. 保留n个元素,删除n以外的元素----数组名.length=n;
  3. 新增和修改元素----新增:arr[没有赋值的下标]='数据';修改:arr[有赋值的下标]='数据'。

一些术语:

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

下标:数组中数据的编号;

长度:数组中数据的个数,通过数组的length属性获得。

遍历数组:

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

语法:

image-20220401105939902

例:

image-20220401115931060

总结

思维导图第3、第4天的内容;地址:js基础知识 ProcessOn Mind