编程 Javascript

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程序设计有所帮助。

JS运算符简单用法示例

- Author -

qq_42412646

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jq实现酷炫的鼠标经过图片翻滚效果

Mar 12 Javascript

使用Jquery获取带特殊符号的ID 标签的方法

Apr 30 Javascript

jquery网页回到顶部效果(图标渐隐,自写)

Jun 16 Javascript

Node.js中child_process实现多进程

Feb 03 Javascript

Javascript中获取对象的原型对象的方法小结

Feb 25 Javascript

JQuery遍历DOM节点的方法

Jun 11 Javascript

javascript实现列表切换效果

May 02 Javascript

Js遍历键值对形式对象或Map形式的方法

Aug 08 Javascript

js实现一个简单的数字时钟效果

Mar 29 Javascript

完美解决手机网页中输入框被输入法遮挡的问题

Dec 19 Javascript

详解可以用在VS Code中的正则表达式小技巧

May 14 Javascript

关于JavaScript轮播图的实现

Nov 20 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