快捷導(dǎo)航

JS運(yùn)算符簡(jiǎn)單用法示例

更新時(shí)間：2020年01月19日 09:06:47 作者：qq_42412646

這篇文章主要介紹了JS運(yùn)算符簡(jiǎn)單用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript各種邏輯運(yùn)算符、數(shù)學(xué)運(yùn)算符、關(guān)系運(yùn)算符等相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS運(yùn)算符簡(jiǎn)單用法。分享給大家供大家參考，具體如下：

js中的運(yùn)算符

算術(shù)運(yùn)算符：+，-，*，/,%

邏輯運(yùn)算符：&，&&，|，||，！

自增運(yùn)算符：++，--，+=，-=

關(guān)系運(yùn)算符：<,>,=,<=,>=,!=

等于運(yùn)算符：==，===

instance：

<html>
    <head>
        <title>js運(yùn)算符</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
//            算數(shù)運(yùn)算
            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
//            邏輯運(yùn)算
            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
//            關(guān)系運(yùn)算符和自增運(yùn)算符 <,>,>=,<=,+=,-=,!=,++,--,
//            ==和===
            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>

運(yùn)行結(jié)果：

對(duì)于算術(shù)運(yùn)算符，對(duì)于“+”當(dāng)是時(shí)對(duì)于兩個(gè)number類型的數(shù)字進(jìn)行運(yùn)算時(shí)，其直接進(jìn)行算數(shù)的加法，當(dāng)含有string類型的數(shù)據(jù)時(shí)，則會(huì)變?yōu)檫B接的運(yùn)算符，對(duì)于加法以外的運(yùn)算符，當(dāng)數(shù)據(jù)類型相同時(shí)，則進(jìn)行算數(shù)運(yùn)算，當(dāng)無法運(yùn)算時(shí)則會(huì)顯示NaN,當(dāng)不同類型進(jìn)行運(yùn)算，則會(huì)向number轉(zhuǎn)型一次，然會(huì)再進(jìn)行運(yùn)算。

對(duì)于邏輯運(yùn)算符，關(guān)系運(yùn)算符，自增運(yùn)算符和Java一樣，但是邏輯運(yùn)算時(shí)，會(huì)顯示0或1，而不是true或false。

對(duì)于==,其對(duì)于相同類型的數(shù)據(jù)直接進(jìn)行比較，對(duì)于不同類型的數(shù)據(jù)，則會(huì)先向number進(jìn)行一次轉(zhuǎn)型然后再進(jìn)行比較，

對(duì)于===，其是先比較類型，當(dāng)類型不同，直接判false,，當(dāng)數(shù)據(jù)類型相同時(shí)則進(jìn)一步比較內(nèi)容，相同后判true。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: