JS運算符簡單用法示例

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

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

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

js中的運算符

算術運算符：+，-，*，/,%

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

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

關系運算符：<,>,=,<=,>=,!=

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

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
//            關系運算符和自增運算符 <,>,>=,<=,+=,-=,!=,++,--,
//            ==和===
            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>

運行結果：

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

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

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

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

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

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

您可能感興趣的文章:

JS
運算符

JavaScript實現(xiàn)隨機碼的生成與校驗
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)隨機碼的生成與校驗，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
再談IE中Flash控件的自動激活 ObjectWrap
再談IE中Flash控件的自動激活 ObjectWrap...
2007-03-03
前端實現(xiàn)批量下載并打包成ZIP文件的步驟及示例
下載我相信很多小伙伴并不陌生,下載文件的形式也有很多,下面這篇文章主要給大家介紹了關于前端實現(xiàn)批量下載并打包成ZIP文件的步驟及示例,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-07-07
javascript設計模式 – 享元模式原理與用法實例分析
這篇文章主要介紹了javascript設計模式 – 享元模式,結合實例形式分析了javascript享元模式相關概念、原理、用法及操作注意事項,需要的朋友可以參考下
2020-04-04
微信小程序中weui用法解析
這篇文章主要介紹了微信小程序中weui用法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-10-10
JavaScript iframe 實現(xiàn)多窗口通信實例詳解
這篇文章主要為大家介紹了JavaScript iframe 實現(xiàn)多窗口通信實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-10-10
XHTML下,JS浮動代碼失效的問題
漂浮廣告/對聯(lián)代碼為什么在XHTML語言的網頁中不能使用
2009-11-11
深入理解JavaScript系列（26）：設計模式之構造函數(shù)模式詳解
這篇文章主要介紹了深入理解JavaScript系列（26）：設計模式之構造函數(shù)模式詳解,本文講解了基本用法、構造函數(shù)與原型、只能用new嗎？、強制使用new、原始包裝函數(shù)等內容,需要的朋友可以參考下
2015-03-03
js中的觸發(fā)事件對象event.srcElement與event.target詳解
這篇文章主要給大家介紹了js中的觸發(fā)事件對象event.srcElement與event.target的相關資料，文中介紹的非常詳細，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。
2017-03-03
基于js實現(xiàn)復制內容到操作系統(tǒng)粘貼板過程解析
這篇文章主要介紹了基于js實現(xiàn)復制內容到操作系統(tǒng)粘貼板過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-10-10