JS運算符簡單用法示例

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

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

本文實例講述了JS運算符簡單用法。分享給大家供大家參考，具體如下：

js中的運算符

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

邏輯運算符：&，&&，|，||，！

自增運算符：++，--，+=，-=

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

等于運算符：==，===

instance：

<html>
    <head>
        <title>js運算符</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
//            算數(shù)運算
            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
//            關(guā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>

運行結(jié)果：

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

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

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

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

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

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

您可能感興趣的文章: