zoukankan      html  css  js  c++  java
  • JavaScript 比较和逻辑运算符

    比较和逻辑运算符用于测试 true 或 false。


    ㈠比较运算符

    ⑴比较运算符在逻辑语句中使用,以判定变量或值是否相等。

    ⑵我们给定 x = 5,下表中解释了比较运算符:

    示例1:

     

     

    示例2:加了字符串的例子

    ㈡逻辑运算符

    ⑴逻辑运算符用于判定变量或值之间的逻辑。

    ⑵我们给定 x = 6 且 y = 3,下表解释了逻辑运算符:

    示例:

    ⑶逻辑与(&&)

    关联两个条件,两个条件都为真的时候,那么整个表达式的结果才为真。

    语法:条件1&&条件2

    示例:判断考试分数是否在60~80之间

    var score = 52;
    条件1:score >= 60;
    条件2:score <= 80;
    var result = score >=60 && score <= 80;

    ⑷逻辑或(||)

    关联两个条件,两个条件中,只要有一个为真,那么整个表达式的结果就为真。

    示例:笔试题和面试题,笔试题或面试题的分数,有一个超过60就认为是合格

    var bishi = 52;
    var mianshi = 82;
    条件1:bishi >=60;
    条件2:mianshi >= 60;
    var result = bishi >= 60 || mianshi >=60;

    ⑸逻辑非(!)

    对条件取反

    注意:逻辑非,只有一个操作数

    语法:!条件

    非真即假 非假即真

    ⑹短路逻辑

    ①短路&&

    如果第一个条件的结果已经为false的话,那么就不会再判断第二个条件,那么整个表达式的值,就是flase。

    如果第一个条件的结果是true的话,则继续判断(执行)第二个条件(表达式),并且以第二个表达式的值,作为整个表达式的值。

    ②短路 ||

    如果第一个条件的结果已经为true的话,那么就不会再判断第二个条件,那么整个表达式的值,就是true。

    如果第一个条件的结果是false的话,则继续判断(执行)第二个条件(表达式),并且以第二个表达式的值,作为整个表达式的值。

    ㈢条件(三元)运算符

    ⑴JavaScript 也包含了可基于某些条件向变量赋值的条件运算符。

    ⑵语法:variablename = (condition) ? value1:value2

    ⑶示例:

    var voteable = (age < 18) ? "太年轻":"足够成熟";

    如果变量 age 的值小于 18,变量 voteable 的值将是 "太年轻",否则变量 voteable 的值将是 "足够成熟"。

    ⑷条件运算符的嵌套

       示例:输入一个考试成绩,判断:

                  如果成绩在80以上,则输出优秀,如果成绩在60以上,则输出合格,否则,不合格。 

    var score = 85;
    var result = score >=80? "优秀"(
                      score >=60? "合格""不合格"
                      );

    ㈣比较不同的类型

    ⑴比较不同类型的数据也许会出现不可预料的结果。

    ⑵如果将字符串与数字进行比较,那么在做比较时 JavaScript 会把字符串转换为数值。空字符串将被转换为 0。

    ⑶非数值字符串将被转换为始终为 false 的 NaN

    当比较两个字符串时,"2" 大于 "12",因为(按照字母排序)1 小于 2。

     ⑸为了确保正确的结果,在比较值前应该把变量转换为合适的类型:

    age = Number(age);
    if (isNaN(age)) {
        voteable = "输入错误";
    } else {
        voteable = (age < 18) ? "太年轻" : "足够成熟";
    } 
  • 相关阅读:
    总结jQuery选择器
    Responsive布局技巧
    学习资料
    大公司开源项目【转载】
    针对css3特性浏览器兼容 封装less
    手把手教你nginx/linux下如何增加网站
    又一枚神器:nginx
    http://www.howtocn.org/nginx
    nginx修改内核参数
    Nginx
  • 原文地址:https://www.cnblogs.com/shihaiying/p/11517841.html
Copyright © 2011-2022 走看看