04.JavaScript邏輯運算

  • 計算運算符

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>運算符</title>
        <script>
            var num1 = 1;//賦值運算符,將右邊的值賦給左邊變量,則變量擁有值
            var num2 = num1 + 1;//加法運算
            /*
             * 常用算數運算符
             * + : 加 例:1+2=3
             * - : 減 例:2-1=1
             * * : 乘 例:2*3=6
             * / : 除 例:6/2=3
             * % : 求余 例:5%2=1;
             * ++ : 自增 例:a++等于a+1;++a
             * -- : 自減 例:a--等于a-1;--a
             * a++與++a的區(qū)別:前者先運算后+1;后者先+1后運算
             * 
             * 常用賦值運算符
             * += : a+=b等同a=a+b;
             * -= *= /= %=類同
             */
            var str1 = "Hello";//"Hello"與"Hello "為不同字符串
            var str2 = "World";//"World"與" World"為不同字符串
            var str3 = str1+" "+str2;//字符串的相加為字符串的拼接
            var str4 = str1 + num2;//字符串與數字的相加,結果為字符串,相當于把數字轉換為字符串
        </script>
    </head>
    <body>
        <h2>結果查看</h2>
        <p>
            <script>
                document.write("num1 = "+num1+"<br />"+"num2 = "+num2+"<br />");
                document.write("str3 = "+str3+"<br />"+"str4 = "+str4);
            </script>
        </p>
    </body>
</html> 
運行結果

  • 比較運算符

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>運算符</title>
    </head>
    <body>
        <h1>結果:</h1>
        <script>
            /*
             * 比較運算符,返回布爾值True或者false,比較結果正確True,反正false
             * == : 比較數值相等
             * === : 全等(數值和類型)
             * != : 不等于
             * > : 大于
             * < : 小于
             * >= : 大于等于
             * <= : 小于等于
             */
            var num1 = 7;//賦值運算
            
            if(num1 == 7){//比較變量值和數值
                document.write("True");//比較結果,正確是返回
            }else{
                document.write("False");//比較結果錯誤是返回
            }
            
            document.write("<br />");
            
            if(num1 === "7"){//數值和類型均符合才為真
                document.write("True");
            }else{
                document.write("False");
            }
            
            /*
             * 邏輯運算符,返回True或false True:1 false:0
             * || : 或(一1則1)
             * && : 與(一0則0)
             * ! : 非(!1則0,!0則1)
             */
            document.write("<br />"+"邏輯與結果:"+(true||false));
            document.write("<br />"+"邏輯或結果:"+(true&&false));
            document.write("<br />"+"邏輯非結果:"+(!0));
            
            /*
             * 條件運算符
             * boole?aa:bb 如果ture則aa否則bb
             */
            document.write("<br />"+"條件運算結果:"+(1>2 ? true : false));
            
            /*
             * 
             */
        </script>
    </body>
</html>
運行結果

  • Boolean對象

  1. Boolean對象可以檢查對象的邏輯結果(true/false)
  2. Boolean對象可以將非邏輯值轉換為邏輯值
  3. 只有對象 無初始值,0,-0,null,"",false,undefined,NaN 返回false,其他返回true
  4. 注意:字符串'0',"false"值是true,只有空字符串為false.
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            .code{
                color: gray;
                border: 1px solid gainsboro;
                font-size: 15px;
            }
            pre{
                margin: 1em 0em 1em -19em;
                font-family: "楷體";
            }
            .result{
                color: gray;
                background-color: ghostwhite;
                font-size: 16px;
                padding: 0.5em 1em;
            }
            h3{
                color: red;
            }
            .result span:first-child{
                display: block;
                float: left;
                width: 10em;
                color: black;
            }
        </style>
        <script type="text/javascript">
            function objDisplay(eleId,obj){
                if(typeof(eleId)!="string" || typeof(obj)!="object"){
                    alert("Function objDisplay() need the first parameter string and second object !")
                }else{
                    var ele = document.getElementById(eleId);
                
                    if(!ele || !obj){
                        alert("Please check the parameter !")
                    }else{
                        for(i in obj){
                            var div = document.createElement("div");
                            
                            for(var j=0;j<2;j++){
                                var span = document.createElement("span");
                                if(j==0) span.innerHTML = i+" : ";
                                else span.innerHTML = obj[i];
                                div.appendChild(span);
                            }
                        ele.appendChild(div);
                        }
                    }
                }               
            }
        </script>
    </head>
    <body>
        <ul>
            <li>
                <h3>Boolean對象</h3>
                <h4>代碼:</h4>
                <div class="code">
                    <pre>
                    //新建boolean對象
                    var booEty = new Boolean();
                    //布爾值
                    var booDict={
                        "Boolean()":new Boolean(),
                        "Boolean(0)":new Boolean(0),
                        "Boolean(-0)":new Boolean(-0),
                        "Boolean(null)":new Boolean(null),
                        "Boolean('')":new Boolean(''),
                        "Boolean(false)":new Boolean(false),
                        "Boolean(undefined)":new Boolean(undefined),
                        "Boolean(NaN)":new Boolean(NaN),
                        "Boolean('0')":new Boolean('0'),
                        "Boolean(1)":new Boolean(1),
                        "Boolean('false')":new Boolean('false')
                    }
                    
                    objDisplay("dict01",booDict);
                    </pre>
                </div>              
                <h4>結果:</h4>
                <div id="dict01" class="result"></div>
                <hr />
                <script>
                    //新建boolean對象
                    var booEty = new Boolean();
                    //布爾值
                    var booDict={
                        "Boolean()":new Boolean(),
                        "Boolean(0)":new Boolean(0),
                        "Boolean(-0)":new Boolean(-0),
                        "Boolean(null)":new Boolean(null),
                        "Boolean('')":new Boolean(''),
                        "Boolean(false)":new Boolean(false),
                        "Boolean(undefined)":new Boolean(undefined),
                        "Boolean(NaN)":new Boolean(NaN),
                        "Boolean('0')":new Boolean('0'),
                        "Boolean(1)":new Boolean(1),
                        "Boolean('false')":new Boolean('false')
                    }
                    
                    objDisplay("dict01",booDict);
                </script>
            </li>               
        </ul>       
    </body>
</html>
image.png

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末榜轿,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子蔚龙,更是在濱河造成了極大的恐慌瓮增,老刑警劉巖随夸,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件松忍,死亡現(xiàn)場離奇詭異,居然都是意外死亡择克,警方通過查閱死者的電腦和手機恬总,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來肚邢,“玉大人壹堰,你說我怎么就攤上這事÷夂” “怎么了缀旁?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長勺鸦。 經常有香客問我,道長目木,這世上最難降的妖魔是什么换途? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮刽射,結果婚禮上军拟,老公的妹妹穿的比我還像新娘。我一直安慰自己誓禁,他們只是感情好懈息,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著摹恰,像睡著了一般辫继。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上俗慈,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天姑宽,我揣著相機與錄音,去河邊找鬼闺阱。 笑死炮车,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播瘦穆,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼纪隙,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了扛或?” 一聲冷哼從身側響起绵咱,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎告喊,沒想到半個月后麸拄,有當地人在樹林里發(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡黔姜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年拢切,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片秆吵。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡淮椰,死狀恐怖,靈堂內的尸體忽然破棺而出纳寂,到底是詐尸還是另有隱情主穗,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布毙芜,位于F島的核電站忽媒,受9級特大地震影響,放射性物質發(fā)生泄漏腋粥。R本人自食惡果不足惜晦雨,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望隘冲。 院中可真熱鬧闹瞧,春花似錦、人聲如沸展辞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽罗珍。三九已至洽腺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間覆旱,已是汗流浹背已脓。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留通殃,地道東北人度液。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓厕宗,卻偏偏與公主長得像,于是被迫代替她去往敵國和親堕担。 傳聞我的和親對象是個殘疾皇子已慢,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內容