5.25日初学JS+案例

//三种输出方式:

//    alert();//页面弹框

//    document.write();//在页面打印出

//    console.log();//在控制台输出

//输入方式:

//    var a=Number(prompt('请输入第一个数'));

//    var b=Number(prompt('请输入第二个数'));

//    alert(a+b);

// 1、加引号字符串string;

// 2、不加引号数字number;

// 3、布尔:boolean 可以数字可以字符串

// 只有两个值 true真 false假

// var boo1=true;

// var bool=false;

// 在做运算的时候会转换为

// true=1;

// false=0;

// true+5=6;

// 4、undefined:未定义的

// 一、声明没有被赋值

// var undefined1;

// console.log(undefined1)

// 二、直接输入未声明的变量会报错

// console.log(undefined2)

// 5、null 空

// 6、object 对象

//隐式转换

// (1)number+number

// var a=5;

// var b=2;

// console.log(a+b);

// 出来结果是7

// (2)number+string  拼接

// var a=3;

// var b="4";

// console.log(a+b);

// 出来结果是34

// var a=3;

// var b="hello world"

// console.log(a+b);

// 出来的结果是3hello world

// (3)number+boolean

// var a=3;

// var b=true;

// console.log(a+b);

// 出来的结果是4

// var a=3;

// var b=false;

// console.log(a+b)

// 出来的结果是3

//  (4)String+undefined 转换为字符串进行拼接

//    var a="3"

//    var b;

//    console.log(a+b)

//    (5)number+undefined 出现NaN:not a number数据类型:number

//        var a=5;

//        var b;

//        console.log(a+b)

//typeof:判断数据类型

//isNaN:是    不是一个数字        是他确实不是一个数字

//作用:判断一个非数字

//如果是数字返回一个:false;

//如果不是一个数字返回:true;

//var a=3;

//var b="hello";

//console.log(isNaN(a))//false

//console.log(isNaN(b))//true

//声明提前:声明变量没有赋值

//console.log(a)

//var a=3;

//var a;

//console.log(a)

//a=3;

//显示转换/强制转换(转换函数)

//parseInt();//转换成整数没有四舍五入的功能

//var a="5.9";

//var b=parseInt(a);

//console.log(typeof a);

//显示number 5;

//parseFloat();//转换成小数

//var a="1.01";

//var b=parseFloat(a);

//console.log(b);

//console.log(typeof b);

//显示number 1.01;

//Number();转换成Number类型

//var a="5";

//var b=Number(a);

//console.log(b);

//console.log(typeof b);

//显示5  number;

//toString();转换成字符串类型

//var a="true";

//var b=a.toString();

//console.log(b);

//console.log(typeof b);

////toFixed();按要求保留小数位数,有四舍五入的功能

//var a=14.596;

//var b=a.toFixed(4);

//console.log(b);

//console.log(typeof b);判断为字符串;

//()里写几保留几位小数;

////运算符:

//一、算术运算符

//+ - * /

//%:模 两个数相除的余数

//例子:3%2=1

//    5%3=2

//    10%3=1

//    3%5=3

//++:自增操作,增量为一

//++在前(自增加一,再赋值)

//例子:

//    var a=3;

//    var b=++a;

//    console.log(a);//4

//    conaole.log(b);//4

//++在后(先赋值,再加一)

//例子:

//    var a=3;

//    var b=a++;

//    console.log(a);//4

//    console.log(b);//3

//--:减量操作,减量为一

//--在前(自减减一,再赋值)

//例子:

//    var a=3;

//    var b=--a;

//    console.log(a);//2

//    conaole.log(b);//2

//--在后(先赋值,再减一)

//例子:

//    var a=3;

//    var b=a--;

//    console.log(a);//2

//    console.log(b);//3

//练习:

//    var a=5;

//    var b=a++ + ++a + a++;

//    console.log(a);//8

//    console.log(b);//19

//   

//    var a=5;

//    var c=--a + a-- - --a;

//    console.log(a);//2

//    console.log(c);//6

//关系运算符:返回布尔值 true false

//    <  >  <=有一值true 即true  >=有一值true 即true

//    ==//只判断值是否相等 只判断值是否相等,与数据类型无关

//    !==//不相等

//    ===//全等  数值和数据类型必须都相等

//    !===//

// **=一个等号是赋值//例子:// var a=5;// var b=3;// var c='5';// console.log(a>b);true// console.log(a=b);true

//    console.log(a<=b);false

//    console.log(a==c);true

//    console.log(a===c);false

//逻辑运算符:

//   

//    与(或,且)&&        有假且(&&)为假,有真或(||)为真;

//    或        ||

//    非:取反  !

//例子:

//    var a=5;

//    var b=6;

//    var c=7;

//    var d=true;

//    console.log((a>b)&&(b>a));//false

//    console.log((a>b)||(b>a));//true

//    console.log(!d);//false;


//三目运算符(三元):

//    条件?

//例子:

//    var score=prompt ('请输入成绩');

//    var result=score>=60?'合格':'不合格';

//    alert(result);

//例子:

//    var a=prompt('请输入你的睡眠时间');

//    var b=a>=8&&a<10?'正常':'不正常';

//    alert(b);

//分支结构:

//1.if.....语句:

//  (条件){

//    //条件为true的时候执行的语句;

//}

//var a=prompt('请输入第一个数');

//var b=prompt('请输入第二个数');

//if(a>=b){

//    alert('确实a>=b');

//}

//2.if.....else...语句:

//if(条件){

//    //条件为true的时候执行的语句

//}else{

//    //条件为false的时候执行的语句

//}

//例子:

//    var a=prompt('请输入成绩');

//    if(a==100){

//        alert('国外三日游');

//    }else{

//        if(a>=90){

//            alert('国内三日游');

//        }else{

//            if(a>=80){

//                alert('省内三日游');

//            }else{

//                if(a>=70){

//                    alert('沧州三日游');

//                }else{

//                    if(a>=60){

//                        alert('室内三日游');

//                    }else{

//                        alert('两个大嘴巴子');

//                  }

//            }

//        }

//    }

//}

//3.else if() 多重条件语句

//例子:

//    var a=prompt('请输入成绩');

//    if(a==100){

//        alert('国外三日游');

//    }else if(a>=90&&a<100){

//        alert('国内三日游');

//    }else if(a>=80&&a<90){

//        alert('省内三日游');

//    }else if(a>=70&&a<80){

//        alert('沧州三日游');

//    }else if(a>=60&&a<70){

//        alert('室内三日游');

//    }else{

//        alert('两个嘴巴子');

//    }

//4.switch.....case...

//        switch(条件){

//            case 情况1:

//                //执行语句

//                break;//截断与以下链接

//        switch(条件){

//            case 情况2:

//                //执行语句

//                break;

//        switch(条件){

//            case 情况3:

//                //执行语句

//                break;

//       

//       

//       

//       

//        .........

//        //以上条件都不满足的时候执行

//    default:

//       

//       

//        //要执行的语句

//        break;

//          }

//例子:

//var a=prompt('请输入今天星期几');

//switch(a){

//    case'星期一':

//        alert('麻辣小龙虾');

//        break;

//    case'星期二':

//        alert('羊肉串');

//        break;

//    case'星期三':

//        alert('火锅鸡');

//        break;

//    case'星期四':

//        alert('西红柿炒鸡蛋');

//        break;

//    case'星期五':

//        alert('馒头泡水');

//        break;

//    case'星期六':

//        alert('喝水');

//        break;

//    case'星期日':

//        alert('减肥');

//        break;

//    default:

//        alert('sorry,请输入今天星期几,如:星期一');

//        break;

//}

//5.switch....case的直落形式

//        switch(条件){

//            case 1:

//            case 2:

//            case 3:

//        ........

//        //执行语句

//        break;

//          }

//例子:

//    var a=prompt('请输入今天星期几');

//    switch(a){

//            case '星期一':

//            case '星期二':

//            case '星期三':

//            case '星期四':

//            case '星期五':

//            case '星期六':

//            case '星期七':

//            alert('麻辣小龙虾');

//            break;

//    }

你可能感兴趣的:(5.25日初学JS+案例)