当前位置:首页 > 技术分享 > 正文内容

JavaScript 基础03

冰凉2022-09-28 15:26技术分享1

流程控制

if 判断


 var age = 7;
        if( age <= 3){
            console.log("是个三岁小孩")
        } else if( age > 3 && age < 6){
            console.log("要上幼儿园了")
        }else{
            console.log("都六岁了还不上小学")
    }

while 循环

var age = 10 ;
        //如果这个条件成立才会执行下面的方法
        while(age < 9) {
            age = age + 1;
            console.log(age,"岁")
        }

        var x = "",i = 1;
        do {
            x = x +"该数字为:"+i;
            i++;
            console.log(x)
        } while(i=0)
        //先执行上面的方法 ,然后在执行条件,不管条件是否成立都会最低执行一次

for循环

   // for 开始循环
        // i = 0 初始化值
        // i<100 条件
        // i++ 执行一次 加一次
        for( let i = 0 ; i < 100; i++){
            console.log("第",i,"运行for循环")
        }

forEach循环

var age = [12,1,33,44,21,3,2,5,16,17,18,99,88]
        age.forEach(function(i){
            if(i < 20){
                console.log("这个值小于20:",+i)
            }else if(i>20 && i<50){
                console.log("这个值大于20小于50:",+i)
            }else{
                console.log("这个值大于50:",+i)
            }
        })

for....in

var age = [12,1,33,44,21,3,2,5,16,17,18,99,88]
            for(var num in age){
                if(age.hasOwnProperty(num)){
                    console.log("这个是存在于age数组中"+num)
                }

            }

 Map和Set

Map:

var map = new Map([["cold",66],["house",88],["iop",99]])//map的使用
         map.get("cold")//获取map的值 map是key value 键值对 获取的时候里面写它的key
         map.set("cold",200)//新增或者修改
         map.delete("iop")//删除

image1.png

set: 无序 不重复的合集

var set = new Set([3,2,1,,4,4,4,6,7,8,8,8])
         set.add(6)//新增一个
         set.delete(3)//删除一个
         set.has(2)//查看这个数是否包含在里面
         //如果包含8的话就弹窗
        if(set.has(8)){
            alert("66666666")
        }

iterator

var arr = [4,5,3];
        for(let x of arr){
            console.log(x)
        }

遍历Map

 var map = new Map([["cold",66],["house",88],["iop",99]])
        for( let x of map){
            console.log(x)
        }

遍历set

var set = new Set([3,2,1,4,5,6,6,6,7,7,8,9])
        for( let x of set){
            console.log(x)
        }

函数

定义函数

//方法一
        function abs(x){
            if(x>=0){
                return x;
            }else{
                return -x;
            }
        }

一旦执行到return代表函数结束 返回结果

如果没有执行return 函数执行完毕还是会返回结果 ,结果就是undefined

定义方法二

//定义方法二
        var abs1 = function(x){
            if(x>=0){
                return x;
            }else{
                return -x;
            }
        }

funtion(x){.......}这个叫匿名函数 但是我们可以把值赋给abs1 通过abs1来进行调用函数。

方法一和方法二是一样的效果

调用函数

abs(10)
//10
abs1(-10)
//10

如果传进来的不是number类型怎么办

var abs2 = function(x){
            //手动写出一个异常进行抛出
            if(typeof x!=="number"){
                throw "这不是一个数字"
            }
            if(x>=0){
                return x;
            }else
                return -x;
        }

image.png

arguments

var abs3 = function(x){
            console.log(x)
            for(var i=0;i<arguments.length;i++){
                console.log(arguments[i])
            }
            if(x>=0){
                return x;
            }else{
                return -x;
            }
        }

test

//rest
        var abs4 = function(a,b,...rest){
            console.log(a,"a")
            console.log(b,"b")
            console.log(rest,"rest")
        }


版权声明:本文由AZPL工作室发布,如需转载请注明出处。

笔记本交流群:1025638188

本文链接:https://www.azplstudio.top/post/46.html

分享给朋友:
返回列表

上一篇:HTML01

下一篇:源码提供

“JavaScript 基础03” 的相关文章

源码提供

源码提供

此分区的所有代码已上传至:https://github.com/BLovo22/shop  供下载,浏览。...

探究var、let、const 的区别?

探究var、let、const 的区别?

简介:var 已经是众所周知了 但是新加入的let 和const 有什么特性呢?先来说一下这个用var来定义变量的bug1.在JS函数中的var声明,其作用域是...

Java 环境变量配置搭建

Java 环境变量配置搭建

Java这个语言 身边朋友都说这个搭建环境变量之类的很麻烦 其实不止Java需要搭建 例如Go Python C 等等都需要搭建  我就把我自己搭建Java的步...

评论列表

冰凉
冰凉 IP:广东省
2022-09-28 15:42

整的头晕

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。