前端基础-06-基础数据类型及运算符

╰+攻爆jí腚メ 2022-06-05 03:52 200阅读 0赞

# 基础数据类型及运算符 #

### 1. 定义变量规则 ###

1.不能使用关键字或者保留字，（js里面已经赋予他有意义的词，或者留着备用的词）
    2.只能包含 数字 字母 $ _ 并且不能以数字开头
    3.严格区分大小写
    4.尽量见名知意

#声明变量：
    #单个变量：
    var a = 10;
    a=20;
    #多个变量声明
    var a ,b , c;
           a = 10;
           b = 20;
           c = 30;

### 2.js六大数据类型 ###

#查看数据类型：
    alert(typeof a);
    
    #number——数字 在js里面的小数和整数统一都是数字，-2^53-2^53，超出范围之后
    精度就会不准确
    var a = 10;//number
    
    
    #string——字符串
    var a = "10";//string
    
    #boolean——布尔值 true false
    var a = true;//boolean
    true==1 是True
    除了1是True其他都是False
    
    #function——函数
    var a = function () {
                alert(1);
            };
    
    
    #object——对象
    var a = document;//object
    var a = document.getElementById("box");//object
    var a = [ 1, 2, 3 ];//object
    var a = {};//object
    
    #undefined——未定义 一个变量声明之后没有赋值就是undefined

### 3.算数运算符 ###

算数运算符（基础数字运算）
        + - * / %(求余数）
    当不是数字之间的运算的时候
        + 字符串拼接
        -/*%  尽量将字符串转换成数字（隐式类型转换）
    
    var a = 5;
    alert( a + "3" ); #连接符号 a3
    
    var a = "6";
    alert( a - 3 );  # 2
    alert( a - "2" );  # 4
    alert( a * "3" ); #18
    alert( a / 2); #3
    alert( a / "2" ); #3
    alert( a % "4" ); #2
    var a = "a";
    alert( 6 - a ); # 报NaN的运算异常
    
    
    #NaN :Not a Number number类型
        一般在非法运算的时候才会 出现NaN
    # isNaN(参数) 判断是否是数字
            当参数是 数字，返回 false
            当参数不是数字，返回 true

# 4.运算符 #

#赋值运算符
    += -= *= /= %=
    
    var x = 5;
    x += 10;    #等价：x = x + 5;
    x -= 2;     #等价：x = x - 2;
    x *= 5;     #等价：x = x * 5;
    x /= 2;     #等价：x = x / 2;
    x %= 2;    #等价：x = x % 2;
    
    
    ++   -- 两个都存在隐式类型转换，会全部转换为数字
    ++x #先计算+1
     x++  #先运算在+1
    var x = 5;
    var y=x++;  #y=5
    var z=++x; #z=6
    
    var x = 5;
    var y=x--;  #y=5
    var z=--x; #z=4
    
    
    #比较运算符
    
    
    < 小于
    var a=1
    var b=2
    alert(x<y);  #true
    > 大于
    var a=1
    var b=2
    alert(x>y);   #false
    
     <= 小于或者等于
    var a=1
    var b=2
    alert(a<=b);   #true
    
    >=  大于或者等于
    var a=1
    var b=2
    alert(a>=b);   #false
    
    !=  不等于，只是判断值相等
    var x=5
    var  y="5"
    alert(x!=y); #false
    
    
    !== 不等于，类型也判断
    var x=5
    var  y="5"
    alert(x!==y); #true
    
    == 是否相等
    var x=5
    var  y="5"
    alert(x==y); #true
    
    true==1 是True
    除了1是True其他都是False
    
    ===
    var x=5
    var  y="5"
    alert(x===y);
    
    == 和 ===的区别
    == 只判断值是否一样
    === 不仅仅判断值，还判断类型是否一样
    
    #逻辑运算符
    
    针对布尔值
    &&  与 两边都为真，结果才为真，其他为假
    ||  或 两边都为假，结果才为假，其他都是真
    !  非 取反，真变假，假变真
    
    当逻辑运算符，两边不一定是布尔值的时候
    && 遇到假就停，但是不会进行类型转换
    || 遇到真就停，。。。
    ！ 隐式类型转换，将后面的数据先转换为布尔值再取反
    var x = true && false;  #false
    var x = false || true;  #false
    var x = !true;  #false
    alert(!0);   #0是false 其他非0都是true
    var a ;
    var  x=0||NaN||null||a
    alert(x) // undefined

# 5.if判断 #

#当if的条件 运算完后不是布尔值的时候，会被强制性的转换为布尔值
    下面这些值，在转换为布尔值的时候为false
    false          boolean
    0              number
    ""            string
    null          object
    undefined      undefined
    NaN            number
    
    if(" "){
        alert("真！");
    }else{
        alert("假！");
    }

# 6. for循环 #

for (var i = 0; i < 10; i++) {
        if (i === 4) {
            continue;//跳出当次循环，未执行的代码继续执行
        } else if (i === 6) {
            break;//中断循环，终止循环，结束循环，未执行的代码不执行
        }
        console.log(i);//0 1 2 3  5 
    }

# 7.switch语句 #

var name = "Java";
    switch(name){
        case "Java":
            alert(name );
            break;
        case "Python":
            alert( name);
            break;
        default:
            alert("未知");
            break;
    }

# 8.通过变量操作元素的样式 #