JS【21—29】

最新推荐文章于 2024-09-24 10:50:41 发布

干！就是干！！！

最新推荐文章于 2024-09-24 10:50:41 发布

阅读量75

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/wu57winquen/article/details/128344582

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

//21_赋值运算

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script type="text/javascript">
           /*
           * = :
           * 可以将符号右侧的值赋值给符号左侧的变量
           *
           * += :
           * a +=5 等价于 a = a + 5
           *
           * -=:
           * a -=5 等价于 a = a - 5
           *
           * *=:
           * a *=5 等价于 a = a * 5
           *
           * /=:
           * a /=5 等价于 a = a / 5
           *
           * %=:
           * a %=5 等价于 a = a % 5
           *
           */
var a = 9;

       // a = a % 5;
       a %=5;
       console.log("a = " +a);

       </script>
   </head>
   <body>
   </body>
</html>

//22_关系运算符

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script type="text/javascript">
           /*
           * 通过关系运算符可以比较两个值之间的大小关系
           * 如果关系成立，它会返回true ; 如果关系不成立，则会返回false
           *
           *
           * > 大于号
           * ——判断符号左侧的值是否大于右侧的
           * >= 大于等于
           * ——判断符号左侧的值是否大于或等于右侧的值
           * <
           * <=
           *
           * 非数值的情况
           * 对于非数值进行比较时，会将其转换为数字，然后再比较
           * 如果符号两侧的值都是字符串，不会将其转换为数字进行比较，
           * 而会分别比较字符串中字符的Unicode编码
           *
           *
           */

           var result = 5 > 10; //false
           result = 5 > 4;//true
           result = 5 > 5;//false
           result = 5 >= 5;//true
           result = 5 >= 4;//true
           result = 5 < 4 ;//
           resukt = 5 <= 4;//false
           result = 4 <= 4;//true
           //console.log("result =" +result);

           //console.log(1 > true );//false
           //console.log(1 >= true);//true
           //console.log(1 >= "0");//true
           //console.log(10 > null);//true
           //任何值和NaN作比较都是false
           //console.log(10 > "hello");//false
           //console.log(true > false);//true

           //console.log("1" < "5");//true

           //console.log("11" < "5");//true

           //比较两个字符串时，比较的是两个字符串的编码
           //console.log("a" > "b");//false
           //console.log("a" > "b");//true

           //比较字符编码时，是一位一位进行比较，
           //如果两位一样，则比较下一位,所以借用它来对英文进行排序
           console.log("abc" < "b");//true
           console.log("abc" < "bcd");//true
           //比较中文时，没有意义
           console.log("戒" > "我");//true

           //如果比较两个字符串型的数字，可能会得到不可预期的结果
           //注意：在比较两个字符串型的数字时，一定一定一定要转型
           console.log("11123123123123123123" < +"5");//false

       </script>
   </head>
   <body>
   </body>
</html>

//23_Unicode编码表

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script type="text/javascript">
       /*
       * 在字符串中，使用转义字符输出Unicode编码
       * \u四位编码
       */
   console.log("\u2620");//在JS中——————\u四位编码（十六进制的）


       </script>
   </head>
   <body>

       
       <h1 style="font-size:200px">☠</h1>//在网页中——————&#编码（十进制）；
       <h1 style="font-size:200px">⚀</h1>

   </body>
</html>

//24_相等运算符

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script type="text/javascript">
           /*相等运算符用来表示两个运算符是否相等，
           如果相等会返回true,否则会返回false
           *
           * 使用 == 做相等运算
           * ——当使用 == 来比较两个值时，如果值的类型不同，
           * 则会自动进行类型转换，将其转换为相同的类型
           * 然后，再比较
           *
           * 不相等
           * ————不相等用来判断两个值是否不相等，如果不相等则返回true,否则返回false
           * 使用！= 来做不相等运算
           * 不相等也会对变量进行自动的类型转换，如果转换后相等，也会返回false
           *
           * === 全等
           * ——用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换
           * 如果两个值的类型不同，直接返回false,
           *
           * !== 不全等
           * ————用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型转换
           * 如果两个值的类型不同，直接返回true,否则返回false
           *
           */

           //console.log( 1 == 1);//true
           var a = 10;
           //console.log(a == 4);//false
           //console.log("1" == 1);
           //console.log(true == "1");
           //console.log(null == 0);//false

           /*
           * undefined 衍生自 null
           * 所以这两个值做相等判断时，会返回true
           */

           //console.log(undefined == null);

           /*
           * NaN 不和任何值相等，包括它本身
           */
       // console.log( NaN == NaN);//false


       var b = 123;
       //判断b的值是否是NaN
       // console.log(b == NaN);//false
       /*
       * 通过isNaN()函数来判断一个值是否是NaN
       * 如果该值是NaN,则返回true；否则返回false
       */

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

       //console.log(10 != 5);
       //console.log(10 != 10);
       //console.log("abcd" != "abcd");//false
       //console.log("1" != 1);//false

       //console.log("123" === 123);//false
       //console.log(null === undefined);//false

       //console.log(1 != "1");//false
       console.log(1 !=="1");//true

       </script>
   </head>
   <body>
   </body>
</html>

//25_条件运算符

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script type="text/javascript">
           /*
           * 条件运算符也叫三元运算符
           * 语法：条件表达式？语句1:语句2;
           * ————执行的流程：
           * 条件运算符在执行时，首先对条件表达式进行求值，
           * 如果该值为true,则执行语句1，并返回执行结果
           * 如果该值为false,则执行语句2，并返回执行结果
           *
           *
           * 如果条件表达式的求值结果是一个非布尔值，
           * 会将其转换为布尔值，然后再运算
           *
           */

       // false?alert("语句1"):alert("语句2");
       var a = 30;
       var b = 43;
       var c = 50;

       //a > b ? alert("a大"):alert("b大");


       //获取a 和 b 的最大值
       //var max = a > b ? a : b;

       //获取 a b c中的大值
       //var max = max > c ? max : c;

       //这种写法不推荐使用，不方便阅读
       var max = a > b ? (a > c ? a : c) : (b > c ? b : c );

       //console.log("max =" + max);

       ""?alert("语句1"):alert("语句2");

       </script>
   </head>
   <body>
   </body>
</html>

//26_运算符的优先级

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script type="text/javascript">
           /*
           * ,(逗号)运算符
           * 使用,（逗号）运算符
           * 可以分割多个语句，一般可以在声明多个变量时使用多个,（逗号）
           *
           */

       //使用,(逗号)运算符同时声明多个变量
          //var a, b, c;

       //可同时声明多个变量，并赋值
           //var a = 1, b = 2, c = 3;
           //alert(b);

           /*
           * 就和数学中一样，在JS中运算符也有优先级
           * 比如：先乘除，后加减
           *
           * 在JS中，有一个运算符优先级的表
           * 在表中，越靠上，优先级越高，优先级越高，越优先计算
           * 如果优先级一样，则从左往右计算
           *
           * 但是这个表，我们并不需要记忆，如果遇到优先级不清楚的，可以使用括号来改变优先级
           *
           */

           var result = 1 + 2 * 3;


           /*
           * 如果 || 的优先级高，或者两个一样高，则应该返回3
           * 如果与的优先级高，则应该返回1；
           *
           */
           var result = 1 || (2 && 3);
           console.log("result =" + result);



       </script>
   </head>
   <body>
   </body>
</html>

//27_代码块

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script type="text/javascript">
           /*
           * 我们的程序是由一条一条的语句构成的
           * 语句是按照自上向下的顺序一条一条执行的
           * 在JS中可以使用{}来为语句进行分组
           * 同一个{}中的语句，我们称为是一组语句
           * 它们要么都执行，要么都不执行
           * 一个{}中的语句，我们也称为叫代码块
           * 在代码块的后边就不用再编写;了
           *
           *
           * JS中的代码块，只具有分组的作用，没有其他的用途
           * 代码块内部的内容，在外部是完全可见的
           *
           */

       {
           var a = 10;
           alert("hello");
           console.log("你好");
           document.write("语句");

       }

console.log("a =" + a);

           </script>

   </head>
   <body>
   </body>
</html>

//28_流程控制语句(if语句1)

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script type="text/javascript">
           /*
           * 流程控制语句
           * ——————JS中的程序是从上到下，一行一行执行的
           * 通过流程控制语句，可以控制程序执行流程，
           * 使程序可以根据一定的条件来选择执行
           * ——————语句的分类：
           * 1.条件判断语句
           * 2.条件分支语句
           * 3.循环语句
           *
           *
           *
           * 条件判断语句：
           * ————使用条件判断语句可以在执行某个语句之前进行判断，
           * 如果条件成立，才会执行语句，条件不成立，则语句不执行
           *
           *
           * ————if 语句
           * 语法一：
           * if(条件表达式){
               语句……………… （这里可以写多条语句）
           } 注意：{}不是必须的，写的时候尽量写上
           *
           *
           * if语句在执行时，会先对条件表达式进行求值判断
           * 如果条件表达式的值为true,则执行if后的语句
           * 如果条件表达式的值为false,则不会执行if后的语句
           *
           * if语句只能控制紧随其后的那一行语句，
           * 如果希望if语句可以控制多条语句，
           * 可以选择将这些语句统一放到代码块中
           *
           * if语句后的代码块，不是必须的，
           * 但是在开发中尽量写上代码块，即使if后只有一条语句（写上以后，结构更清楚）
           *
           *
           */
/*           var a = 10;

           if (a > 10){
               alert("a比10大~~~");
               alert("谁也管不了我");
           }
*/

var a = 25;
       if (a > 10 && a <= 20){
          alert("a大于10，并且a小于等于20");
       }



       </script>

   </head>
   <body>
   </body>
</html>

//29_流程控制语句(if语句2)

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>

       <script type="text/javascript">

           /*
           * if语句
           * 语法二：
           * if(条件表达式){
               语句………………
           }else{
                   语句…………
               }
           *
           * if …… else……语句
           * 当该语句执行时，会先对if后的条件表达式进行求值判断，
           * 如果该值为true,则执行if后的语句
           * 如果该值为false,则执行else后的语句
           *
           *
           * 语法三：
           * if(条件表达式){
               语句…………
           }else if(条件表达式){
                   语句…………
               }else{
                   语句…………
               }

           * if…………else if …………else…………
           * 当该语句执行时，会从上倒下依次对条件表达式进行求值判断
           * 如果值为true,则执行当前的语句
           * 如果值为false,则继续向下判断
           * 如果所有的条件都不满足，则执行最后一个else后的语句
           * 该语句中，只会有一个代码块被执行，一旦代码块执行了，则直接结束语句
           *
           */


       var age = 90;

           /*if (age >= 60){
           alert("你已经退休了~~~");
       }else{
           alert("你还没退休~~~");
       }*/

       /*if (age > 100){
           alert("活着挺没意思~~");
       }else if (age > 80 ){
           alert("你也老大不小的了~~");
       }else if(age > 60){
           alert("你也退休了~~");
       }else if (age > 30){
           alert("你已经中年了~~");
       }else if(age >17){
           alert("你已经中年了");
       }else{
           alert("你还是个小孩子~~");
       }*/



           if (age > 17 && age <= 30){
               alert("你已经成年了");
           }else if(age >30 && age <= 60){
               alert("你已经中年了");
           }else if(age > 60 && age <= 80){
               alert("你已经退休了");
           }else{
               alert("你已经挺大的了");
           }

       </script>
   </head>
   <body>
   </body>
</html>