0

0

js运算符有哪些?js运算符的详细介绍

不言

不言

发布时间:2018-10-23 15:52:20

|

4729人浏览过

|

来源于segmentfault思否

转载

本篇文章给大家带来的内容是关于js运算符有哪些?js运算符的详细介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

javascript 基础运算符分为:算术运算符、赋值运算符、关系运算符、逻辑运算符;接下来详细讲解着几种运算符的掌握方法;

(一)算术运算符

 1,算术运算符根据运算符两边操数的不同 可以分为:一元运算符、二元运算符、三元运算符;

 2.按照功能不同又分为:+(加号)、 —(减号)、 (乘号)、/(除号)和%(取余运算); 

1-1.一元运算符;

++(自增)、- -(自减);

当运算符后置:不出现赋值的时候,执行自增自减运算;出现赋值的时候,先赋值,再运算。

当运算符前置:不出现赋值的时候,执行自增自减运算;出现赋值的时候,要先运算,再赋值。

    运算符后置例子;

var a=3;
a++;
consonle.log(a)//值为4
 var a=3;
    var b=4;
     a--;
     b--;     
    var c=a+b;//2+3
    console.log(c);//5
var a=3;
var b=4;
a++;
b++;
var c=(a+b);//4+5
consonloe.log(c);//c的值为9
   var a=3;
    var b=4;
    var c=(a++)+a+(b++)+b;//3+4+4+5
    console.log(c);//16
 var a=3;
    var b=4; 
    var c=(a--)+a+(a++)+(b++)+b+(b--);//3+2+2+4+5+5
    console.log(c);//21

运算符前置 例子;

 var b=4;
 --a;//2
 ++b;//5
 console.log(a,b);//  2  5
 var a=3;
 var b=4;
 var c=--a+b;//2+4  运算符前置 先运算 再赋值。
 console.log(c);//6
 var a=3;
 var b=4;
 var c=--a+--b;//2+3 
 console.log(c);//5

前后置综合使用;

    var a=3;
     var b=4;
     var c=(--a)+(--b)+(b++);//2+3+3 
     console.log(c);//8

这里解释一下:我们先把它分开运算;

(--a)=2;运算符前置,先运算再赋值;

(--b)=3:同(--a);

(b++)=3;是不是很多同学都会把它算成等于 4或者5,我们要这样理解 (--b)以及把b的值转换为了3,所以(b++)括号中的b 其实是等于3的 (b++)运算后的确等于 4 ,但是看清了 它是运算符后置 ,所以在让它与其它数值相加时,它的值为3.

再来看下一个例子;

     var a=5;
     var b=6;
     var c=(a++)+(b--)+(--a)-(--b);//5+6+5-4
     console.log(c);//12

(a++)  5

PHP 网络编程技术与实例(曹衍龙)
PHP 网络编程技术与实例(曹衍龙)

PHP网络编程技术详解由浅入深,全面、系统地介绍了PHP开发技术,并提供了大量实例,供读者实战演练。另外,笔者专门为本书录制了相应的配套教学视频,以帮助读者更好地学习本书内容。这些视频和书中的实例源代码一起收录于配书光盘中。本书共分4篇。第1篇是PHP准备篇,介绍了PHP的优势、开发环境及安装;第2篇是PHP基础篇,介绍了PHP中的常量与变量、运算符与表达式、流程控制以及函数;第3篇是进阶篇,介绍

下载

(b--)    6  这两个均为运算符后置 所以还是各自的值;

(--a)  5 因为前面已经运算过 (a++)的值为6  这个运算符在前面,所以先运算 在赋值;

(--b) 4   由(b--)传递下来的值为5   运算符在前 先运算 再赋值 所以最后为4;

(二)赋值运算符   “=”很好理解的一个运算符;

var a=251;赋予语句一个值;

关系运算符 ;

(大于) 、 ==(等于)、=(大于等于)、关系运算符的运算结果为布尔类型 :true(真)、false(假);、=、=字母类型的字符串也可以用大于 小于来比较;
  var a="alpha";
     console.log(a,typeof a);
     var b="blue";
     console.log(b,typeof b);
        var c=a

"a" 的码位值97
"b"的码位值为98

"b"的码位值为98
按照 ASCII 字符顺序进行升序排列 ;

== 可以 用来比较数值和 数字类型的字符串;例如;

   var b='5';
   var c=a==b;
   console.log(c);//true

=== 比==更高级一些  是真等 两个类型的无法比较 例如;

 var a=5;
   var b='5';
   var c=a===b;
   console.log(c);//false

(三)逻辑运算符;输出结果为布尔(boolean)类型;

逻辑运算符又分为三类 ; 逻辑或      | |  ; 逻辑与     &&; 逻辑非     !; 

1.逻辑或 || :当两边的表达式运算结果有一个为真(true);则结果为真,若两边均为假 肯定还是假的了。

例子;

      var a=3,b=4;
      var c=a>b||ab||a<4;
      console.log(c);//false  两边运算结果均为假 则输出结果为假 
 var a=5,b=8;
      var c=a4;
      console.log(c);//true 两边运算结果均为真 则输出结果为真

2.逻辑与 &&:仅当运算符两边结果均为真的时候 运算结果才为真,

例子;

      var a=5,b=8;
      var c=a4;
      console.log(c);//true  两边运算结果均为真 输出结果才为真
      var a=5,b=8;
      var c=a>b&&a>4;
      console.log(c);//false  两边运算结果有一侧为假 则输出结果为假
      var a=5,b=8;
      var c=a4;
      console.log(c);//false  两边运算结果有一侧为假 则输出结果为假

3.逻辑非 !;取相反的输出结果;

例子; 这个和上方例子一样 加个! 变成逻辑非 取相反的 值

      var a=5,b=8;
      var c=!a4;
      console.log(c);//true

相关专题

更多
php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

65

2025.12.31

php网站源码教程大全
php网站源码教程大全

本专题整合了php网站源码相关教程,阅读专题下面的文章了解更多详细内容。

43

2025.12.31

视频文件格式
视频文件格式

本专题整合了视频文件格式相关内容,阅读专题下面的文章了解更多详细内容。

35

2025.12.31

不受国内限制的浏览器大全
不受国内限制的浏览器大全

想找真正自由、无限制的上网体验?本合集精选2025年最开放、隐私强、访问无阻的浏览器App,涵盖Tor、Brave、Via、X浏览器、Mullvad等高自由度工具。支持自定义搜索引擎、广告拦截、隐身模式及全球网站无障碍访问,部分更具备防追踪、去谷歌化、双内核切换等高级功能。无论日常浏览、隐私保护还是突破地域限制,总有一款适合你!

41

2025.12.31

出现404解决方法大全
出现404解决方法大全

本专题整合了404错误解决方法大全,阅读专题下面的文章了解更多详细内容。

204

2025.12.31

html5怎么播放视频
html5怎么播放视频

想让网页流畅播放视频?本合集详解HTML5视频播放核心方法!涵盖<video>标签基础用法、多格式兼容(MP4/WebM/OGV)、自定义播放控件、响应式适配及常见浏览器兼容问题解决方案。无需插件,纯前端实现高清视频嵌入,助你快速打造现代化网页视频体验。

9

2025.12.31

关闭win10系统自动更新教程大全
关闭win10系统自动更新教程大全

本专题整合了关闭win10系统自动更新教程大全,阅读专题下面的文章了解更多详细内容。

8

2025.12.31

阻止电脑自动安装软件教程
阻止电脑自动安装软件教程

本专题整合了阻止电脑自动安装软件教程,阅读专题下面的文章了解更多详细教程。

3

2025.12.31

html5怎么使用
html5怎么使用

想快速上手HTML5开发?本合集为你整理最实用的HTML5使用指南!涵盖HTML5基础语法、主流框架(如Bootstrap、Vue、React)集成方法,以及无需安装、直接在线编辑运行的平台推荐(如CodePen、JSFiddle)。无论你是新手还是进阶开发者,都能轻松掌握HTML5网页制作、响应式布局与交互功能开发,零配置开启高效前端编程之旅!

2

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

CSS教程
CSS教程

共754课时 | 17.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号