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 相关文章推荐
JMenuTab简单使用说明
Mar 13 Javascript
Jquery下:nth-child(an+b)的使用注意
May 28 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
jquery中each遍历对象和数组示例
Aug 05 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
Feb 23 Javascript
Angularjs 实现移动端在线测评效果(推荐)
Apr 05 Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
js实现动态改变radio状态的方法
Feb 28 Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 Javascript
浅谈JavaScript中this的指向更改
Jul 28 Javascript
如何基于jQuery实现五角星评分
Sep 02 jQuery
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学习笔记之一
2011/01/17 PHP
php入门学习知识点八 PHP中for循环基本应用之九九乘法口绝表
2011/07/14 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
php把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
PHP使用php-resque库配合Redis实现MQ消息队列的教程
2016/06/29 PHP
PHP cURL获取微信公众号access_token的实例
2018/04/28 PHP
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
jQuery选择器源码解读(二):select方法
2015/03/31 Javascript
深入探寻seajs的模块化与加载方式
2015/04/14 Javascript
jquery.mousewheel实现整屏翻屏效果
2015/08/30 Javascript
每天一篇javascript学习小结(RegExp对象)
2015/11/17 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
input框中的name和id的区别
2016/11/16 Javascript
vue-router实现tab标签页(单页面)详解
2017/10/17 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
2019/06/28 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
Javascript前端下载后台传来的文件流代码实例
2020/08/18 Javascript
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
Python文件处理
2016/02/29 Python
python+pygame简单画板实现代码实例
2017/12/13 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
Python基本数据结构与用法详解【列表、元组、集合、字典】
2019/03/23 Python
python获取引用对象的个数方式
2019/12/20 Python
python3爬取torrent种子链接实例
2020/01/16 Python
Python连接SQLite数据库并进行增册改查操作方法详解
2020/02/18 Python
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
会计自荐信范文
2014/03/09 职场文书
法人代表任命书范本
2014/06/05 职场文书
银行贷款委托书范本
2014/10/11 职场文书
python单向链表实例详解
2022/05/25 Python