码迷,mamicode.com
首页 > Web开发 > 详细

03.JS运算符

时间:2020-02-13 14:43:54      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:位运算   类型转换   分数   col   声明变量   逻辑运算符   程序   ++   学习   

前言:
学习一门编程语言的基本步骤
(1)了解背景知识
(2)搭建开发环境
(3)语法规范
(4)常量和变量
(5)数据类型
(6)数据类型转换
(7)运算符
7.运算符
 表达式:由运算符连接的操作数据,所组成的形式。
 运算符分为算数运算符,比较运算符,逻辑运算符,位运算符,赋值运算符,三目运算符
(1)算术运算符
        + (加)

    //
    console.log(3+2);//5

        - (减)

    //
    console.log(3-2);//1

        * (乘)

    //
    console.log(3*2);//6

        / (除)

    //
    console.log(3/2);//1.5

        % (取余)隔行换色,判断是否为闰年

    //取余
    console.log(3%2);//1
    console.log(2%3);//2

        ++(自增)在原来的基础上加1

    //自增
    var a=1;         //此时a值是1
    a++;             //在原来的基础上加1,此时a值是2
    console.log(a);  //获取加1之后的a,此时a值是2
    console.log(a++);//在a=2的基础上加1,此时a值为3,存在内存之中,
    console.log(a);  // 重新获取a值,a值为3

        --(自减)在原来的基础上减1

    //自减
    var b=3;          //此时b值是3
    b--;              //在原来的基础上减1,此时b值是2
    console.log(b);   //获取减1之后的b,此时b值为2
    console.log(b--); //在b=2的基础上减1,此时b值为1,存在内存当中
    console.log(b);   //重新获取b值,b值为1

        console.log(a++);先打印a的值,在执行自增

    // 先打印a的值,在执行自增
    //1.声明一个变量
    var a=1;
    //此时a还是1,打印就是1,打印完后,在执行自增,这时候a变成2,存在内存当中
    console.log(a++);//输出为1
    //重新从内存中获取a的值
    console.log(a);//输出为2

        console.log(++a);先执行自增,在打印a的值

    //先执行自增,在打印a的值  
    //2.声明变量a
    var a=1;
    //先让a的值执行自增,此时a的值变成了2,然后在打印a的值就是2
    console.log(++a);//输出为2
    //重新获取值也是2
    console.log(a);//输出为2

    //综合
    var num=3;
    //第一个num的值打印为3,但是内存为2,影响内存中的储存的值,然后后面的num取内存中的值,所以是1,3+1=4,
    console.log(num--+--num);//4

(2)比较运算符
        返回都是一个布尔型的值,如果数据类型不同,会发生数据类型的转换
        >     (大于)

    //> 大于
    console.log(3>4);//false

        <     (小于)

    //< 小于
    console.log(3<4);//true

        >=   (大于等于)

    //> 大于等于
    console.log(3>=4);//false

        <=   (小于等于)

    //< 小于等于
    console.log(3<=4);//true

        ==   (等于)    比较两个值是否相等

    //==  等于 只比较值,不比较类型
    console.log(7==‘7‘);//ture

        !=    (不等于)

    //!=不等于
    console.log(3!=4);//true
    console.log(3!=3);//false
    console.log(3!=‘3‘);//false 仅比较值

        === (全等于) 不仅比较值,还会比较类型是否相等

    //=== 全等于  比较值和类型
    console.log(7===‘7‘);//false

        !==  (全不等于)

    //!==不等于
    console.log(3!==4);//true
    console.log(3!==3);//false
    console.log(3!==‘3‘);//true 比较值和类型

        数据类型的转换

    //数字类型转换  字符串转成了数字
    console.log(13>‘10‘);//ture
    //两个字符串比较,比较的是首个字符的Unicode码,3——> 51    1——> 49   a——> 97
    console.log(‘3‘>‘10‘);//true
    console.log(‘张铁牛‘>‘张大柱‘);//true
    console.log(‘张‘.charCodeAt()>‘张‘.charCodeAt());//false
    console.log(‘铁‘.charCodeAt());//38081
    console.log(‘牛‘.charCodeAt());//29275
    console.log(‘大‘.charCodeAt());//22823
    console.log(‘柱‘.charCodeAt());//26609

        NaN和任何值比较(> < >= <= == === != !==),包括自身,都返回false。

    //NaN和任何值比较
    //3>NaN
    console.log(3>‘10a‘);//false
    //3<NaN
    console.log(3<‘10a‘);//false
    //3>=NaN
    console.log(3>=‘10a‘);//false
    //3<=NaN
    console.log(3<=‘10a‘);//false
    //3==NaN
    console.log(3==‘10a‘);//false
    //3===NaN
    console.log(3===‘10a‘);//false
    //NaN==NaN
    console.log(NaN==NaN);//false
    //NaN===NaN
    console.log(NaN===NaN);//false
    //3!=NaN
    console.log(3!=‘10a‘);//true
    //3!==NaN
    console.log(3!==‘10a‘);//true

(3)逻辑运算符
        and &&  并且       关联的两个条件都满足,结果是ture否则是false

    //并且 &&
    //判断一个人的工资是否在5000-8000支间
    var salary=7000;
    console.log(salary>=5000 && salary<=8000);//true
    //声明两个变量,分别保存用户名和密码,如果用户名为root,并且密码为123456,打印true,否者false。
    var uname="root";
    var password="123456";
    console.log(uname==="root" && password==="123457");//false

        or     ||    或者      关联的两个条件满足其一,结果是ture,否者是false

    //或者 ||
    //判断是否满足让座标准,儿童12岁以下或者老人65岁以上
    var age=50;
    console.log(age<=12 || age>=65);//false
    //声明变量保存用户,如果使用用户名root或者使用手机号码18112345678,满足其一,打印true,否者false
    var uname="root";
    var uname="18112345678";
    console.log(uname==="root" || uname==="18112345678");//true

        !      非   取反向   !ture=false !false=true

    //取反向 !
    var r=true;
    console.log(!r);//false

(4)逻辑短路,关注点不在结果是真假,关注点在后面的程序是否会执行!!!
        and=&& 并且     当第一个条件为false的时候,就不需要在执行第二条件

    //逻辑短路
    //and=&& 并且     当第一个条件为false的时候,就不需要在执行第二条件
    var num=3;
    num>5 && console.log(num);//false,不执行后续
    num<5 && console.log(num);//3

        or = ||     或者     当第一个条件为true的时候,就不需要执行第二条件
        注意事项:逻辑短路无需关注运算符的整个逻辑计算的结果是ture还是false,重点看是否会执行第二条件。

    //or= || 或者     当第一个条件为true的时候,就不需要执行第二条件
    var num=3;
    num>1 || console.log(num);//true,后续不执行
    num<1 || console.log(num);//前面为false,继续执行,结果3

    //综合:变量保存年龄,如果满18周岁,打印"成年人"
    var age=19;
    console.log(age>=18 && "成年人");//成年人

(5)位运算符(了解即可)
        在执行运算的时候,计算机会把数据转成二进制,来进行运算
        按位于 (&),上下两位都是1,结果是1,否则是0.

    //按位于(&),上下两位都是1,结果是1,否则是0.
    /*
    011
    101
    ————
    001
    */
    console.log(3&5);//1

        按位或 (|),上下两位含有1,结果是1,否者是0,

    //按位或  (|),上下两位含有1,结果是1,否者是0,
    /*
    101
    111
    ————
    111
    */
   console.log(5|7);//7

        按位异或(^) ,上下两位不同为1,相同为0.

    // 按位异或(^) ,上下两位不同为1,相同为0.
    /*
    101
    111
    ————
    010
    */
    console.log(5^7);//2

        按位右移(>>),删除二进制的最后一位,成倍减少

   //按位右移(>>),删除二进制的最后一位,每增加一次右移,结果成倍减少一次
    console.log(8>>1);//4
    console.log(8>>2);//2
    console.log(8>>3);//1

        按位左移(<<),在最后一位增加一位0,成倍增长

    // 按位左移(<<),在最后一位增加一位0,每增加一次左移,结果成倍增长一次
    console.log(5<<1);//10
    console.log(5<<2);//20
    console.log(5<<3);//40

(6)赋值运算符
        =      等于

    //等于
    var a=1;//给a赋值为1

        +=    加等于

    //加等于
    //运算符的优先级,+号优先于=号
    var a=1;
    //第一种写法,在原来基础上+1,把结果赋给a
    a=a+1;
    console.log(a);
    //第二种写法,在原来基础上+1,把结果赋给a
    a+=1;
    console.log(a);
    //在赋值运算符中,加等于可以用于字符串拼接
    var str=‘a‘;
    str+=‘b‘;
    console.log(str);//‘ab‘

        -=    减等于

    //减等于
    var a=5;
    //普通写法
    a=a-1;
    console.log(a);//4

        *=    乘等于

    //乘等于
    //打八折,在原来的基础上打八折
    var price=1500;
    //赋值运算符写法
    price*=0.8;
    console.log(price);//1200

        /=    除等于

    //除等于
    //总分数552,求6科平均成绩
    var score=552;
    score/=6;
    console.log(score);//92

        %= 取余等于

    //取余等于
    //注意:运算符的优先级:先执行并且,再执行或者;
    //声明变量保存一个年份,判断这个年份是否为闰年,结合逻辑短路,如果是闰年就打印闰年
    var year=1999;
    (year%4===0 && year%100!==0 || year%400===0) && console.log("闰年");//false

(7)三目运算符
        一目:一个运算符连接一个数据
                 a++    b--    !c
        二目:一个运算符连接两个数据
                 a+1  a-1  a*1   a/1   a>1  a<1  a=1  a!1等等
        三目:两个运算符连接三个数据
                 条件表达式?表达式1:表达式2
                 如果条件表达式为ture执行表达式1,
                 如果条件表达式为false执行表达式2

    //三目运算符
    //根据年龄判断是否为成年人
    var age=19;
    age>=18?console.log(‘成年人    ‘):console.log(‘未成年人‘);//成年人    
    //声明两个变量来保存用户名和密码,如果用户名为root,并且密码为123456,打印成功,否则打印失败
    var uname=‘rot‘;
    var pwd=‘123456‘;
    (uname===‘root‘ && pwd===‘123456‘) ? console.log(‘登录成功‘):console.log(‘登录失败‘);//登录失败
    var uname1=‘root‘;
    var pwd1=‘123456‘;
    (uname1===‘root‘ && pwd1===‘123456‘) ? console.log(‘登录成功‘):console.log(‘登录失败‘);//登录成功

 

03.JS运算符

标签:位运算   类型转换   分数   col   声明变量   逻辑运算符   程序   ++   学习   

原文地址:https://www.cnblogs.com/oksana/p/12303338.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!