js基础及分支结构

js基础及分支结构

1. 逻辑运算符

//&&(与) 如果第一个操作数为true或者在进行布尔转换时可以转成true，结果为第二个操作数；如果第一个操作数为false或者在进行布尔转换时可以转成false，结果为第一个操作数
console.log(10 & 5);//5
console.log(null & 100);//null

//||(或) 如果第一个操作数为true或者在进行布尔转换时可以转成true，结果为第一个操作数；如果第一个操作数为false或者在进行布尔转换时可以转成false，结果为第二个操作数
comsole,log(10 || 5);//10
console.log(null || 5);//5

//!(非) 非真即假，非假即真  这个结果真的是布尔值(true or false)
conlose.log(!100);//false
console.log(!false);//true

2.自增自减

//一元运算符
var a = 10;
//自增 ++
a++;// a = a + 1;a += 1;
console.log(a);//11

//自减 --
a--;// a = a - 1;a -= 1;
console.log(a);//9

// a++ 先取a的值输出或参与运算，然后a再加一 ++a a先加1，再输出a的值或参与运算
var a= 10;
var b=a++;//var b= a;a = a+1;
console.log(a,b);//11 10  

var a = 10;
var b=++a;//a=a+1;var b= a;
console.log(a,b);//11 11

var a=10;console.log(a++);//10
console.log(++a);//12

var a = 10;
var b = a++ + ++a + a + a-- + a-- + --a + a;//10 + 12 + 12 + 12 + 11 + 9 + 9
console.log(a, b);

3. 文本框取值

<input type="text" id="txt1" />+<input type="text" id="txt2" /><button id="btn">=</button>
<input type="text" id="txt3" />
    <script>
      /* var num1 = +prompt("请输入第一个值");
      var num2 = +prompt("请输入第二个值");
      var result = num1 + num2;
      document.write(num1 + "和" + num2 + "相加的结果是" + result); */

      //点击按钮时，取到前两个文本框中的值，求和之后，将结果放到第3个文本框里

      //把取值的操作放到点击事件里
      btn.onclick = function () {
        //console.log("ok");
        //取值
        var num1 = txt1.value; //字符串
        var num2 = txt2.value;

        var result = Number(num1) + Number(num2);

        //赋值
        txt3.value = result;
      };
    </script>

4. 程序结构

1）顺序结构

2）分支结构

3）循环结构

5. 单分支

/* if(条件){
    //条件满足时要执行的语句
} */
/* if(true){
    console.log("ok");
} */
var weather = "rain";
if(weather == "rain"){
    document.write("带伞");
} 
if(weather != "rain"){
    document.write("不带伞");
}
//这就是两个单分支

6. 双分支

/* if(条件){
//条件为真时要执行的语句
} else {
//条件为假时要执行的语句
} */
var weather = "rain";
if(weather == "rain"){
    document.write("带伞");
} else {
    document.write("不带伞")；
}
//这就是一个双分支

7.多分支

/* if(条件1){
//条件1满足时要执行的语句
} else if(条件2){
//条件1不满足但条件2满足时要执行的语句
} else if(条件n){
//条件1、2不满足，条件n满足时要执行的语句
} else{
//以上条件都不满足时要执行的语句
} */
//判断一个数是大于0、小于0、等于0
var num = 10;
if(num > 0){
    document.write(num + "大于0");
} else if(num < 0){
    document.write(num + "小于0");
} else{
    document.write(num + "等于0");
}

8. 三元运算符

//操作数1?操作数2:操作数3 操作数1表示条件，操作数2条件为真时要执行的语句或者运算的结果，操作数3条件为假时要执行的语句或者运算的结果
     var a = 134;
     /*  if (a > 0) {
       var b = a;
     } else {
       var b = 0;
     } */
     /* var b = a > 0 ? a : 0;
     console.log(b); */
     //a > 0 ? console.log(a) : console.log(0);

9. switch-case-default

switch(变量/值/表达式){
       case 值1/表达式:
       //当小括号里的值与case后面的值完全相同时要执行的语句
       break;
       case 值2/表达式:
       //当小括号里的值与case后面的值完全相同时要执行的语句
       break;
       case 值3/表达式:
       //当小括号里的值与case后面的值完全相同时要执行的语句
       break;
       default:
       //当小括号里的值与case后面的值全都不相同时要执行的语句
       }