Day14-JavaScript循环&数组&遍历挑选累计

文章目录

  • 遍历-挑选-累计
    • 一 switch条件选择语句
      • 案例1
    • 二 for循环-遍历-挑选-累计
      • 案例1
      • 案例2
      • 案例3
      • 案例4
      • 案例5
    • 三 break&continue
      • 1.break
      • 2.continue
    • 四 数组
      • 1 为什么需要数组
      • 2 数组概述
      • 3 数组的基础语法
      • 4 数组API操作-基础
      • 5-数组的遍历
      • 6-数组的扩展
    • 五 遍历-挑选-累计
        • 案例1
        • 案例2

遍历-挑选-累计

一 switch条件选择语句

案例1

用代码实现本周食谱:周一:鸡蛋 周二:鱼 周三:青菜 周四:牛肉 周五:虾 周六:汉堡 周天:鸡翅;

        let week = "周三"
        switch(week){
            case "周一":
                console.log("鸡蛋");
                break
            case "周二":
                console.log("鱼");
                break
            case "周三":
                console.log("青菜");
                break
            case "周四":
                console.log("牛肉");
                break  
            case "周五":
                console.log("虾");
                break  
            case "周六":
                console.log("汉堡");
                break
            case "周天":
                console.log("鸡翅");
                break
            default:
                console.log("没有这一天");
                break
        }      

二 for循环-遍历-挑选-累计

        /**
         * 循环
         *  重复的干某件事,就是循环
         * 语法
         *  for(初始值;循环结束的条件;自变){
         * 
         *  }
         * 
         */

案例1

怎样输出2遍hello-world?

怎样输出100遍hello-world?

    <script>
        // 怎样输出2遍hello-world
        console.log("hello-world");
        console.log("hello-world");
        // 怎样输出100遍hello-world

        console.log("-----------------------------------");
        /**
         * 循环
         *  重复的干某件事,就是循环
         * 语法
         *  for(初始值;循环结束的条件;自变){
         * 
         *  }
         * 
         */
        for(let i=1;i<=100;i++){
            console.log("hello-world-"+i);
        }
    </script>

案例2

输出1-5之间的数字

输出1-100之间的数

输出1-100之间的偶数

输出1-100之间的奇数

    <script>
        //1.怎样输出1-5之间的数字
        for(let i=1;i<=5;i++){
            console.log(i);
        }
        console.log("-----------------");
        //2.怎样输出1-100之间的数字
        for(let i=1;i<=100;i++){
            console.log(i);
        }
        console.log("-----------------");
        //3.怎样输出1-100之间的偶数
        for(let i=1;i<=100;i++){
            if(i%2 == 0){
                console.log(i);
            }
        }
        console.log("-----------------");
        //4.怎样输出1-100之间的奇数
        for(let i=1;i<=100;i++){
            if(i%2 != 0){
                console.log(i);
            }
        }
    </script>

案例3

循环求1-5的和

    <script>
        //1.使用循环得到1-5之间所有的数
        //2.创建一个变量存储累加和
        let sum = 0
        for(let i=1;i<=5;i++){
            //3.累加求和
           sum = sum + i
        }
        //4.在循环外面输出
        console.log(sum);
    </script>

案例4

求1~100之间 所有偶数的和

        //1.使用循环得到1-100之间的数
        //2.使用if语句挑选出1-100之间的偶数
        //3.累加求和
        let sum2 = 0
        for(let i=1;i<=100;i++){
            if(i%2 == 0){
                sum2 = sum2 + i
            }
        }
        console.log(sum2);

案例5

求1~100之间 偶数出现的次数

    <script>
        //求1~100之间 偶数出现的次数
        //1.使用循环得到1-100之间所有的数
        //2.使用if语句挑选出所有的偶数
        //3.统计偶数有多少个

        let count = 0
        for(let i=1;i<=100;i++){
            if(i%2 == 0){
                count = count + 1
            }
        }
        console.log(count);
    </script>

三 break&continue

break(结束)--结束循环
continue(继续)--结束本次循环,继续下一次循环

1.break

        for(let i=1;i<=5;i++){
            if(i == 3){
                break
            }
            console.log(i);
        }

2.continue

        for(let i=1;i<=5;i++){
            if(i == 3){
                continue
            }
            console.log(i);
        }

四 数组

1 为什么需要数组

Day14-JavaScript循环&数组&遍历挑选累计_第1张图片

2 数组概述

数组的定义

​ 数组是一组数据的集合。

存储在数组中的数据我们称之为数组元素,而数组元素是可以通过“数组名[下标]”这种方式来进行访问的。
 *		数组的下标(索引)从0开始
 *		数组下标的最大值是数组的长度-1

3 数组的基础语法

Day14-JavaScript循环&数组&遍历挑选累计_第2张图片

    <script>
        // 变量
        let a = 10

        /**
         * 数组
        */
        //创建数组
        let arr = ["赵日天",5,1,7,6]
        //增
        arr[5]=100
        //改
        arr[2] = 200
        //查
        console.log(arr[0]);

        //输出数组
        console.log(arr);


        //查看数组长度
        let len = arr.length
        console.log("数组长度:",len);

    </script>

知识点

​ 数组的创建

​ 数组的增/改/查/查看长度

4 数组API操作-基础

追加/查找/包含/删除/拼接

    <script>
        //1.创建数组
        let arr = [3,5,1,7,6];
    
        //2.在数组最后追加
        arr.push(100)
        //3.找某个元素在数组中的下标,找到结果为下标,没找到结果为-1
        let index = arr.indexOf(500)
        console.log("下标为",index);
        //4.包含 判断数组中是否包含某个元素,结果是布尔类型
        let f = arr.includes(70)
        console.log(f);
        //5.删除
            //删除第一个元素
            arr.shift()
            //删除最后一个元素
            arr.pop()
            //指定下标删除 arr.splice(要删除元素的下标,要删除元素的数量);
            arr.splice(0,1)
            
        //输出数组
        console.log(arr);
    
        //查看数组长度
        let len = arr.length
        console.log("数组的长度:",len);
        //join(参数):将数组中的元素按照指定的分隔符拼接为字符串;
        let s = arr.join("-")
        console.log(s);
    </script>

知识点

push() 在末尾追加

indexOf() 找某个元素在数组中的下标 ,找到给出下标,没找到为-1

includes() 包含

shift() 删除数组第一个元素

pop() 删除数组最后一个元素

splice(index,num) 根据下标删除数组元素,参数:索引,要删除的个数

join() 数组转字符串

    <script>
        let arr = [3,5,1,7,6];
        /**
         * 拷贝 
         *  arr.slice() 从头拷贝带尾
         *  arr.silce(beginIndex) 从指定索引开始拷贝到数组末尾
         *  arr.slice(beginIndex,endIndex)  从索引beginIndex拷贝到索引endIndex,左闭右开 
         */ 
        let newArr1 = arr.slice()
        console.log(newArr1);
        let newArr2 = arr.slice(1)
        console.log(newArr2);
        let newArr3 = arr.slice(1,4)
        console.log(newArr3);
        /**
         * 拼接
         * concat()
         */ 
        let newArr4 = arr.concat(33,44,55)
        console.log(newArr4);
        /**
         * 数组反转
         *  reverse()
         */
        let newArr5 = arr.reverse()
        console.log(newArr5);
    </script>

知识点

​ 拷贝

​ 拼接

​ 反转

5-数组的遍历

let arr = [3,5,1,7,6];

正序遍历

        for(let i=0;i<arr.length;i++){
            console.log(arr[i]);
        }

倒序遍历

        for(let i=arr.length-1;i>=0;i--){
            console.log(arr[i]);
        }

6-数组的扩展

扩展运算符

    <script>
        let arr = [3,5,1,7,6]
        console.log(arr);

        //es6新增一个 ...扩展运算符,用来去掉数组外面的括号
        console.log(...arr)
    </script>

五 遍历-挑选-累计

案例1

输出一组整数中的正数/负数

统计正数/负数的个数

    <script>
        let arr = [3,-20,4,5,-50,6,7];
        //1输出一组整数中的正数/负数
        //a.遍历数组
        //b.挑选
        for(let i=0;i<arr.length;i++){
            if(arr[i]>0){
                console.log(arr[i]);
            }
        }

        for(let i=0;i<arr.length;i++){
            if(arr[i]<0){
                console.log(arr[i]);
            }
        }

        //2统计正数/负数的个数
        let count1 = 0
        let count2 = 0
        for(let i=0;i<arr.length;i++){
            if(arr[i]>0){
                count1 = count1 + 1
            }else{
                count2 = count2 + 1
            }
        }
        console.log("正数的个数",count1);
        console.log("负数的个数",count2);

    </script>

案例2

求一组整数的和

    <script>
        let arr = [3,5,1,7,6];
        //求一组整数的和

        //在循环外面创建变量
        let sum = 0
        for(let i=0;i<arr.length;i++){
            //在循环里面累加求和
            sum = sum + arr[i]
        }
        //在循环的外面输出结果
        console.log(sum);
    </script>

你可能感兴趣的:(前端,javascript,前端,开发语言)