JS运算符简单用法示例


Posted in Javascript onJanuary 19, 2020

本文实例讲述了JS运算符简单用法。分享给大家供大家参考,具体如下:

js中的运算符

算术运算符:+,-,*,/,%

逻辑运算符:&,&&,|,||,!

自增运算符:++,--,+=,-=

关系运算符:<,>,=,<=,>=,!=

等于运算符:==,===

instance:

<html>
    <head>
        <title>js运算符</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
//            算数运算
            var a=1;
            var b="1";
            var c=true;
            var d=false;
            var e="123";
            var f="123a";
            console.log(a+1);//2
            console.log(b+1);//11
            console.log(a+b);//11
            console.log(a+c);//2
            console.log(a+d);//1
            console.log(a+e);//1123
            console.log(e-1);//122
            console.log(e-a);//122
            console.log(e-b);//122
            console.log(a+f);//1123a
            console.log(e/3);//41
            console.log(a-b);//0
            console.log(e%3);//0
//            逻辑运算
            console.log(a&b);//1
            console.log(a&&b);//1
            console.log(a&c);//1
            console.log(b&&c);//true
            console.log(!b);//false
            console.log(b&c);//1
            console.log(e|a);//123
            console.log(c|b);//1
            console.log(a&f);//0
            console.log(a&&f);//123a
//            关系运算符和自增运算符 <,>,>=,<=,+=,-=,!=,++,--,
//            ==和===
            var m1=1;
            var m2="1";
            var m3=true;
            var m4="true";
            var m5=a;
            var m6="a";
            var m7="a";
            console.log(m1==m2);//true
            console.log(m1==m3);//true
            console.log(m1==m4);//false
            console.log(m2==m3);//true
            console.log(m2==m4);//false
            console.log(m3==m4);//false
            console.log(m5==m6);//true
            console.log(m6==m7);//true
            console.log(m1===m2);//false
            console.log(m1===m3);//false
            console.log(m1===m4)//false
            console.log(m2===m3);//false
            console.log(m2===m4);//false
            console.log(m3===m4);//false
            console.log(m5===m6);//false
            console.log(m6===m7);//false
        </script>
    </head>
    <body>
    </body>
</html>

运行结果:

JS运算符简单用法示例

对于算术运算符,对于“+”当是时对于两个number类型的数字进行运算时,其直接进行算数的加法,当含有string类型的数据时,则会变为连接的运算符,对于加法以外的运算符,当数据类型相同时,则进行算数运算,当无法运算时则会显示NaN,当不同类型进行运算,则会向number转型一次,然会再进行运算。

对于逻辑运算符,关系运算符,自增运算符和Java一样,但是逻辑运算时,会显示0或1,而不是true或false。

对于==,其对于相同类型的数据直接进行比较,对于不同类型的数据,则会先向number进行一次转型然后再进行比较,

对于===,其是先比较类型,当类型不同,直接判false,,当数据类型相同时则进一步比较内容,相同后判true。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
js判断60秒以及倒计时示例代码
Jan 24 Javascript
jquery 操作两个select实现值之间的互相传递
Mar 07 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
May 24 Javascript
js简单判断flash是否加载完成的方法
Jun 21 Javascript
JS实现漂亮的时间选择框效果
Aug 20 Javascript
Vue如何实现组件的源码解析
Jun 08 Javascript
webpack构建vue项目的详细教程(配置篇)
Jul 17 Javascript
JavaScript数组push方法使用注意事项
Oct 30 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
TypeScript 引用资源文件后提示找不到的异常处理技巧
Jul 15 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
Jan 19 #Javascript
JS基础之逻辑结构与循环操作示例
Jan 19 #Javascript
js实现图片上传到服务器和回显
Jan 19 #Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 #Javascript
ES6 Object.assign()的用法及其使用
Jan 18 #Javascript
vue项目中监听手机物理返回键的实现
Jan 18 #Javascript
vue组件内部引入外部js文件的方法
Jan 18 #Javascript
You might like
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
PHP中使用break跳出多重循环代码实例
2015/01/21 PHP
php对数组内元素进行随机调换的方法
2015/05/12 PHP
PHP实现通过正则表达式替换回调的内容标签
2015/06/15 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
WordPress中制作导航菜单的PHP核心方法讲解
2015/12/11 PHP
PHP与SQL语句常用大全
2016/12/10 PHP
PHP JWT初识及其简单示例
2018/10/10 PHP
JavaScript 事件系统
2010/07/22 Javascript
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
jQuery分组选择器用法实例
2014/12/23 Javascript
详解百度百科目录导航树小插件
2017/01/08 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
bootstrap精简教程_动力节点Java学院整理
2017/07/14 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
微信小程序如何调用新闻接口实现列表循环
2019/07/02 Javascript
layui table去掉右侧滑动条的实现方法
2019/09/05 Javascript
Vue单文件组件开发实现过程详解
2020/07/30 Javascript
vue项目接口域名动态获取操作
2020/08/13 Javascript
python常用函数详解
2016/09/13 Python
详解Django之admin组件的使用和源码剖析
2018/05/04 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
在PyCharm导航区中打开多个Project的关闭方法
2019/01/17 Python
python利用Opencv实现人脸识别功能
2019/04/25 Python
在SQLite-Python中实现返回、查询中文字段的方法
2019/07/17 Python
Python matplotlib可视化实例解析
2020/06/01 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
高中美术教学反思
2014/01/19 职场文书
内刊编辑求职自荐书范文
2014/02/19 职场文书
Redis 中使用 list,streams,pub/sub 几种方式实现消息队列的问题
2022/03/16 Redis