js变量、运算符、数值转换、流程控制

变量

    <script type="text/javascript">
        //申明变量
        //申明变量并赋值
        var a = 2;
        var b;
        b = 3;
        var c = '2';

        //挂载在window可以省略不写
        console.log(window.a);
        console.log(b);
        console.log(c);

        //typeof 检测数据类型
        console.log(typeof a);
        console.log(typeof c);

        // 一个数值+一个字符串 浏览器会把数值类型隐式转换
        console.log(a + c);
        // 隐式转换数值类型转成字符串
        console.log(a+'');
        // alert(c);

        // 输入框
        // var a = prompt('今天什么日子？');
        // console.log(a);

        // Uncaught ReferenceError: e is not defined  报错
        // console.log(e);

        var e;
        console.log(e); // undefined
        console.log(typeof e); // undefined

        // 字符串-数字  NaN类型 0
        console.log(typeof c-a);

        //字符串转数字
        console.log(parseInt(c));
        console.log(parseInt('2019加油加油!!!')); //2019
    </script>

运算符

赋值运算符

以var x = 12,y=5来演示示例|

算数运算符

var a = 5,b=2

比较运算符

var x = 5;

 特殊情况

<script>
    var a = 2;
    var b = '2';

    //比较的是值
    console.log(a == b);

    //比较的数值与类型 内存地址
    console.log(a === b);

    console.log(a != b);
</script>


<script>

    var name = '伊拉克';
    var am = '美军';
    // 字符串拼接  "+变量名+"
    var str = "2003年3月20日,"+name+"战争爆发，以美军为主的联合部队仅用20多天就击溃了萨达姆的军队。" +
        "这是继十多年前的海湾战争后，"+am+"又一次取得的大规模压倒性军事胜利。";

    // es6的模板字符串 `${变量名}`
    var str = `2003年3月20日,${name}战争爆发，以美军为主的联合部队仅用20多天就击溃了萨达姆的军队。这是继十多年前的海湾战争后，${am}又一次取得的大规模压倒性军事胜利。`;
    console.log(str);
    var b1= 'one';
    var b2 = 'two';
    console.log(b1*b2);  // NaN not a number
    console.log(typeof (b1*b2))  // 类型依然是number
</script>

数值类型转换

<script>
    var a = 123;
    // 强制类型转换
    console.log(String(a));
    console.log(a.toString());

    var n1 = 123;
    var n2 = '123';
    var n3 = n1+n2;
    // 隐式转换
    console.log(typeof n3);

    var  stringNum = '789.123wadjhkd';
    var num2 =  Number(stringNum);
    console.log(num2); // NaN

    // parseInt()可以解析一个字符串 并且返回一个整数
    console.log(parseInt(stringNum)); // 789
    console.log(parseFloat(stringNum)); //789.123


    // 任何数据类型都可以转换为boolean类型
    // 结果true
    var b1 = '123';
    var b3 = -123;
    var b4 = Infinity;


    //结果false
    var b5 = NaN;
    var b2 = 0;
    var b6; //undefined
    var b7 = null;

    // 非0既真
    console.log(Boolean(b7))
</script>

流程控制

<script>
    var age = 18;
    if (age>18){
        console.log('成年了');
    }else if (age>30){
        console.log('中年了');
    }else {
        console.log('老年了');
    }

    // 逻辑与&&、逻辑或||
    var sum = 700;
    var math = 145;
    if (sum>600 && math>90){
        console.log('清华走一走');
    }else {
        console.log('失败')
    }

    // switch
    var gameScore = 'better';

    switch(gameScore){

//case表示一个条件 满足这个条件就会走进来 遇到break跳出。如果某个条件中不写 break，那么直到该程序遇到下一个break停止
        case 'good':
            console.log('玩的很好');
            //break表示退出
            break;
        case  'better':
            console.log('玩的老牛逼了');
            break;
        case 'best':
            console.log('恭喜你 吃鸡成功');
            break;

        default:
            console.log('很遗憾')

    }
    // while
    var i = 1; //初始化循环变量

    while(i<=9){ //判断循环条件
        console.log(i);
        i = i+1; //更新循环条件
    }

    // do_while
    //不管有没有满足while中的条件do里面的代码都会走一次
    var i = 3;//初始化循环变量
    do{
        console.log(i);
        i++;//更新循环条件
    }while (i<10) ;//判断循环条件

    // for循环
    for(var i = 1;i<=10;i++){
        console.log(i);
    }

    // 双重for循环
    for(var i=1;i<=3;i++){

        for(var j=0;j<6;j++){
            document.write('*');
        }

        document.write('<br>');
    }
</script>