类似a=1+1这样的表达式称为运算符，js的运算符分为算数,赋值,比较和逻辑运算符；常见的算数有：+ - * / %（加减乘除，取模），比方说5/4=4*1+1；5%4=1，js算数顺序：从左往右，先* /  %后+ ；js的值包含数字，字符串，布尔值；在算数运算中，“加号”：有字符串，按照字符串处理，没有按照数字处理；注意布尔值false=0，true=1；比方来说：1+"a"="1"+"a"="1a" ; 1+false=1+0=1; false+"a"="falsea"; 1-"1"=1-1=0; 1-"a"=NaN (not a number)不是一个数；一元二元运算符，正负号代表正负值；减号，字符串可以转换成数字，默认为数字(chrome浏览器，f12控制台，console测试)

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <title>javascript算数运算符</title>

 </head>

 <script>

 //加号：有字符串按照字符串处理，没有按数字

 // 1+"a"

 // "1a"

 // 1+false

 // 1

 // false+"a"

 // "falsea"

 // 1-"1"

 // 0

 //减号，字符串可以转成数字，默认数字

 // 1-"a"

 // NaN

 // 1-"1"

 // 0

 // 1-"a"

 NaN

 </script>

 <body>

 </body>

 </html>

赋值运算符也可以叫做复合运算+ - * / %；var a=1;a=a+10;a+=10;a-=10;a=a-10;

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <title>赋值运算符</title>

     <script>

         var a=1;

         // a=a+10;

         //a+=10;

         a-=10;

         a=a-10;

         console.log(a);

     </script>

 </head>

 <body>

 </body>

 </html>

比较运算符 > < == === != >= <=相当于布尔值判断true还是false，注意==要求的值相等，而===要求的不光是值还有类型

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <title>比较运算符</title>

     <script>

     // a=1>2

     // a=>false

     // 0==false =>true

     // 0===false =>false

     // 1>2

     // false

     // 0==false

     // true

     // 0===false

     // false

     // 1==true

     // true

     // 1===true

     // false

     </script>

 </head>

 <body>

 </body>

 </html>

逻辑运算符 || &&！“或” "与" “非”

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <title>逻辑运算符</title>

     <script>

         // &&  布尔值&&布尔值=>布尔值

         // ||  true||true=>true true||false=>true   有一个是真就是真 true

         // !a a=true false

     </script>

 </head>

 <body>

 </body>

 </html>

一元运算符++a 二元运算符a+b 一元运算符优先级高于二元运算符；++a，a先加，a++，a后加 ++自增1 --自减1 

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <title>一元运算符二元运算符</title>

     <script>

         var a=1;

         a++;//a=a+1

         console.log(a);

         a--;//a=a-1

         console.log(a);

         ++a;//先自增

         --a;//先自减

         var a=1;

         var b=++a+5;

         =>a=++a=a+1

         // b=a+5;

         // a=1

         // 1

         // ++a

         // 2

         // a+5

         // 7

         var a=1;

         var b=a++ +5;

         =>var b=a+5;

               a=a++=a+1

         //先加加，后加加

         // a=1

         // 1

         // a++

         // 1

         // a

         // 2

         // a=1

         // 1

         // ++a

         // 2

     </script>

 </head>

 <body>

 </body>

 </html>

JavaScript的算数,赋值,比较和逻辑运算符的更多相关文章

  1. ajax实现给JavaScript中全局变量赋值（转）

    原文地址:ajax实现给JavaScript中全局变量赋值 问题简化: <script type="text/javascript"> var a=1 ; functi ...

  2. JavaScript解构赋值

    JavaScript解构赋值 JavaScript解构赋值为我们提供了很多方便,但是用法比较多,本文就来梳理一下.总体来说,主要就两种地方使用解构赋值,一种是数组的解构赋值,另一种是对象的解构赋值.以 ...

  3. javascript对象引用与赋值

    avascript对象引用与赋值 <script type="text/javascript"> //例子一: 引用 var myArrayRef = new Arra ...

  4. JavaScript连等赋值

    最近探究js原理的过程中遇到了这个挺有趣的问题. 先贴代码: var a = {n:1} a.x = a = {n:2} alert(a.x) //undefined 在弄懂这个之前,我们先普及一个知 ...

  5. javascript给输入框赋值的一个误区

    一. 错误的示范 如下代码所示,如果需要用javascript获取id为username1, password1的输入框的值,将其写入id为username2, password2的输入框,那么红线区 ...

  6. javascript 连等赋值问题(这是从SegmentFault转过来的一个问题)

    var a = {n:1}; var b = a; // 持有a,以回查 a.x = a = {n:2}; alert(a.x);// --> undefined alert(b.x);// - ...

  7. JavaScript对象属性赋值操作的逻辑

    对象进行属性赋值操作时,其执行逻辑如下所示: 1. 当前对象中是否有该属性?有,进行赋值操作:没有,进行下一步判断. 2. 对象的原型链中是否有该属性?没有,在当前对象上创建该属性,并赋值:有,进行下 ...

  8. Javascript里的if判断与逻辑运算符(||, &&)和比较运算符的特别之处

    写JS时不可避免要用到 if 与 逻辑运算符( ||, &&). 如果你经常阅读Js的第三方组件源码, 会发现有一种写法作为初始化变量的方法经常出现. var variable = v ...

  9. javascript 连等赋值问题

    var a = {n:1}; var b = a; // 持有a,以回查 a.x = a = {n:2}; alert(a.x);// --> undefined alert(b.x);// - ...

随机推荐

  1. 机器学习-K最近邻算法

    一.介绍 二.编程 练习一(K最近邻算法在单分类任务的应用): import numpy as np #导入科学计算包import matplotlib.pyplot as plt #导入画图工具fr ...

  2. qt中的拖拽及其使用技巧

    关于qt中的拖放操作,首先可以看这篇官方文档:http://doc.qt.io/qt-5.5/dnd.html 一.QDrag 首先是创建QDrag,可以在mousePressEvent或者mouse ...

  3. HTML5浏览器支持及兼容性处理

    1.现代的浏览器都支持HTML5. 2.所有浏览器不管是新的还是旧的对无法识别的元素会作为内联元素自动处理. 3.HTML5定义了8个HTML语义元素,所有这些元素都是块级元素,为了能让旧版本的浏览器 ...

  4. kivy file import

    from kivy.app import Appfrom kivy.uix.boxlayout import BoxLayoutfrom kivy.properties import ObjectPr ...

  5. The system is running in low-graphics mode

    No internet 1.Ctrl + Alt + F1 2.login 3.input the code below: sudo chown lightdm:lightdm -R /var/lib ...

  6. Selenium(七)：截图显示等待

    一.显示等待(有条件等待) 常见问题: 定位明明是对的,为什么运行代码没找到定位. 定位明明是对的,找到定位了,文本信息为什么取到是空的? 分析原因: 没有处理frame 页面渲染速度比自动化测试的代 ...

  7. Kotlin DSL for HTML实例解析

    Kotlin DSL for HTML实例解析 Kotlin DSL, 指用Kotlin写的Domain Specific Language. 本文通过解析官方的Kotlin DSL写html的例子, ...

  8. B语言的发明者 Ken Thomson & C语言的发明者Dennis Ritchie

    C语言的发明者Ken Thomson因为没有参加C语言考试,在Google没有提交代码的权力. 哀悼结束,生活还要继续. 说段趣闻吧.大家都知道,C语言和Unix的发明者.图灵奖得主.最具传奇性的程序 ...

  9. oracle问题之死锁 （一）

    [前言] 遇到 oracle 异常 和 解决实践 系列文章 整理分享 杂症一.oracle死锁 一.症状: 执行SQL或程序时,程序没有响应或SQL执行一直处于执行状态,没有成功,也没有报错. 二.病 ...

  10. C++和MATLAB混合编程求解多项式系数（矩阵相除）

    摘要:MATLAB对于矩阵处理是非常高效的,而C++对于矩阵操作是非常麻烦的,因而可以采用C++与MATLAB混合编程求解矩阵问题. 主要思路就是,在MATLAB中编写函数脚本并使用C++编译为dll ...