运算符


 
1、算术运算符:+、-、*、/、%、++、--
 
    单目(操作数为一个且为变量): i++、i--、++i、--i;
    双目:+、-、*、/、%;
 
双目其中 -*/%
    如果运算符两侧的值为数字型,可进行正常的数值运算;console.log(3-1);//2
    如果存在纯数字字符串(如:"12"),计算机自动转其为数字型进行运算;console.log("3"-1);//2
    只要有一侧为非纯数字字符串,结果为NaN。console.log("3a"-1);//NaN
        NaN:非数字类型。
                    特点:① 涉及到的 任何关于NaN的操作,都会返回NaN   ② NaN不等于自身。
双目 +
    如果运算符两侧的值为数字型,可进行正常的数值运算;console.log(3+1);//4
    只要有一侧为字符串,表达连接。console.log("3a"+1);//3a1
       (1)“%”取余运算符,两个数相除,取余数。
   A = 10 % 3;  // A = 1,如果余数不为0,则两个不能整除
   A = 10 % 2;  // A = 0,如果余数为0,则两个数能除尽
       (2)“++”加1运算符、自增1
              “++”可以作前缀(++i),也可以作后缀(i++)。
  (3)“--”减1运算符,自减1
              “--”可以作前缀(--i),也可以作后缀(i--)。
    i++和++i的区别:
         相同点:都让变量自增1;
         不同: i++    先将i的值赋给整个表达式,i再自增1;
           ++i    先i自增1,再将i的值赋给整个表达式。
例如:var i = 2;
        var j = i++;
        console.log(i);   //3
        console.log(j);   //2
        var i = 2;
        var j = ++i;
        console.log(i);//3
        console.log(j);//3
2、赋值运算符:+=、-=、*=、/=、%=
        “+=”先加后等。如:a += 10  //等同于  a = a + 10
       “-=”先减后等。如:a -= 10   //等同于  a = a - 10
       “*=”先乘后等。如:a *= 10  //等同于  a = a * 10
       “/=”先除后等。如:a /= 10   //等同于  a = a / 10
        var i = 1;
            i += 2;
      console.log(i);//3
        var i = -2;
            i -=2;
      console.log(i);//-4
3、字符串运算符:+、+=
字符串只能进行“连接”运算,不能进行其它运算。
       var a = “abc”;
       var b = a + “bcd”;   // 结果b = a + “bcd” = “abc” + “bcd” = “abcbcd”
       var a = “abc”;
       a += 10;   // 结果a = a + 10 = “abc” + 10 = “abc10”
4、关系(比较)运算符:>、<、>=、<=、==、!=(不等于)、===(全等)、!==(全不等)
       比较运算符的运算结果是布尔值(true或false)。
       A = 10 > 20;       // 结果A=false
       A = 20>=20;       // 结果A=true
       A = 10%2 == 0;    // 结果A=true
       A = 10%2 == “0”;  // 结果A=true
       A = 10%3 != 0;    // 结果A=true
       A = 10%2 === “0”;  //结果A=false
            console.log(i = 10 >=9);
       “=”是赋值号。如:a = 10
       “==”等于。只比较两个变量的值,而不管类型。只要值一样,就返回true,否则返回false。
       “===”全等于。既比较变量,也判断类型。如果类型和值都一样,返回true,否则返回false。
                 console.log(a=10 >= 9);//ture
                 console.log(null == undefined);//ture
                 console.log(null === undefined);//false
                  console.log(null == 0);//false
字符串的比较:比较的是ASCII码值(a:97    b:98    c:99 ...    A:65    B:66    C:67 ...)/从左到右比较,直到比较出结果;
                 console.log("a" > "b");//false
5、逻辑运算符:&&(且)、||(或)、!(非)
       逻辑运算符的运算结果有两个true或false。
      “&&”逻辑与(并且关系)。如果左右两个两个条件同时满足时,则结果为true,否则,结果为false。
  “||”逻辑或。左右两个条件,只要有一个满足,则返回true,否则,返回false。
  “!”取反运算。!true = false  、   !false = true  、 !100 = false
为假的值:0    null    undefined    ""    false
计算机自身短路情况:
第一个条件 && 第二个条件       如果第一个条件为假则计算机出现短路现象 不会继续判断第二个条件
第一个条件 || 第二个条件       如果第一个条件为真则计算机出现短路现象 不会继续判断第二个条件
例如:
    console.log(6>7 && 5);//false
    console.log(5 && 6<7);//ture
    console.log(6<7 && 5);//5
    console.log(0 && 6>5);//0
 
6、三目(元)运算符:? : 
所谓“三目运算符”就是指三个操作数。
       语法:条件表达式 ? 结果1 : 结果2
       含义:如果条件为true,则执行“结果1”的代码;如果条件为false,则执行“结果2”的代码。
       其实:三目运算符,就是if else的变形形式。
 

JavaScript 六大类运算符(详细~)的更多相关文章

  1. 【学习笔记】:JavaScript基础知识超详细总结!

    目录 一.JavaScript的实现 二.JavaScript语言的特点 三.JS与HTML如何结合 四.JS中的数据类型 四.JS的原始数据类型 2.JS的引用数据类型 五.JS引用数据类型之函数 ...

  2. Javascript定义类(class)的三种方法

    将近20年前,Javascript诞生的时候,只是一种简单的网页脚本语言.如果你忘了填写用户名,它就跳出一个警告. 如今,它变得几乎无所不能,从前端到后端,有着各种匪夷所思的用途.程序员用它完成越来越 ...

  3. JavaScript基础——使用运算符

    JavaScript运算符允许你改变一个变量的值.你已经熟悉了用于赋值给变量的=运算符.JavaScript提供了几种不同的运算符,它们可以划分为两大类:算数运算符和赋值运算符. 1.算数运算符 你可 ...

  4. [转]Javascript定义类的三种方法

    作者: 阮一峰 原文地址:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html 将近2 ...

  5. React Native:使用 JavaScript 构建原生应用 详细剖析

    数月前,Facebook 对外宣布了正在开发的 React Native 框架,这个框架允许你使用 JavaScript 开发原生的 iOS 应用——就在今天,Beta 版的仓库释出了! 基于 Pho ...

  6. JavaScript 定义类的最佳写法——完整支持面向对象(封装、继承、多态),兼容所有浏览器,支持用JSDuck生成文档

    作者: zyl910 [TOC] 一.缘由 由于在ES6之前,JavaScript中没有定义类(class)语法.导致大家用各种五花八门的办法来定义类,代码风格不统一.而且对于模拟面向对象的三大支柱& ...

  7. [原创]Javascript模拟“类”的综合实现方式以及部分细节【截至ES6】

    [原创]Javascript模拟“类”的综合实现方式以及部分细节[截至ES6] 前言   最近几个旧项目里使用的图片编辑插件出现Bug, 经Review 后确定需要在其内外均做些改动,但是头疼的发现部 ...

  8. [译]JavaScript需要类吗?

    [译]JavaScript需要类吗?   原文:http://www.nczonline.net/blog/2012/10/16/does-javascript-need-classes/ 译者注:在 ...

  9. Python与Javascript相互调用超详细讲解(2022年1月最新)(三)基本原理Part 3 - 通过C/C++联通

    目录 TL; DR python调javascript javascript调python 原理 基于Node.js的javascript调用python 从Node调用python函数 V8 嵌入P ...

随机推荐

  1. Python查找最新测试报告到邮件功能

    #coding=utf-8 import smtplib from email.mime.text import MIMEText import unittest import HTMLTestRun ...

  2. 【docker】私有仓库搭建

    主要参考:http://blog.csdn.net/gqtcgq/article/details/51163558 假设我们在1.1.1.1:5000上搭建私人仓库,并在2.2.2.2上访问这个私人仓 ...

  3. PDF如何去除背景,PDF去除背景颜色

    PDF文件在使用的时候大多都是单调的白色背景,但是也有小伙伴再制作PDF文件的时候会给PDF文件添加背景颜色,会有影响文字阅读的情况,这个时候就需要把背景颜色去除了,那么该怎么做呢,不会的小伙们就跟小 ...

  4. 卸载列表信息——Uninstall注册表

    今天用InstallShield打包了一个安装程序,安装顺利完成了,但是当我去控制面板准备卸载时,发现我的程序没有详细的信息,正常的软件信息如下图: 而我的程序没有发布者,大小和版本,也没有图标,于是 ...

  5. 80端口被占用 导致apach无法启动问题

    1.查找是哪个程序占用了80端口 netstat -ano 列出所有进程 观察 “本地地址” 列 找到对应的PID 我这里是4 简单的办法,打开任务管理器,查看PID是4的 是哪个进程. 发现是Sys ...

  6. windows10的文件浏览器中无法搜索文件内容

    系统:更新到最新的win10(2018年8月23日 23:54:31) 重现步骤:git clone一个项目,然后切换到它的另一个分支:打开文件夹浏览器(explorer),在右上角里输入想要查找的字 ...

  7. loss函数学习笔记

    一直对机器学习里的loss函数不太懂,这里做点笔记. 符号表示的含义,主要根据Andrew Ng的课程来的,\(m\)个样本,第\(i\)个样本为\(\vec x^{(i)}\),对应ground t ...

  8. Redis的并发竞争问题

    问题描述:多客户端同时并发写一个key,可能本来应该先到的数据后到了,导致数据版本错了.或者是多客户端同时获取一个key,修改值之后再写回去,只要顺序错了,数据就错了. 一个key的值是1,本来按顺序 ...

  9. Node 杂技

    1.关于require 当文件夹a中含有index.js时,在b.js中如果有require("文件夹a的路径"),则将会自动执行index.js的语句

  10. EF分别使用IQueryable和IEnumerable实现更新和删除

    缺点 使用IQueryable无法跟踪,无法监控sql,无法使用SaveChanges(). 优点 使用IQueryable简单粗暴. class Program { static void Main ...