JavaScript 快速導覽 - 條件運算

JavaScript 的條件運算子 (conditional operator) ,測試兩個運算元是否都為 true ,或有一個為 true ,另有一個三元運算子,若第一個運算元為 true ,運算結果就是第二個運算元,反之結果為第三個運算元,如下列表

運算子功能範例
&&邏輯且a && b
||邏輯或a || b
?:條件選擇a ? b : c



以下程式示範邏輯且、邏輯或運算子
function run() {
    var c = document.getElementById("content");
    var n1 = document.createElement("p");
    var n2 = document.createElement("p");
    var n3 = document.createElement("p");
    var n4 = document.createElement("p");
    var n5 = document.createElement("p");
    var n6 = document.createElement("p");
    var n7 = document.createElement("p");
    var n8 = document.createElement("p");
    var n91 = document.createElement("p");
    var n92 = document.createElement("p");
    n1.appendChild(document.createTextNode(33 && "22"));
    c.appendChild(n1);
    n2.appendChild(document.createTextNode(33 || "22"));
    c.appendChild(n2);
    n3.appendChild(document.createTextNode(33 && "0"));
    c.appendChild(n3);
    n4.appendChild(document.createTextNode(33 || "0"));
    c.appendChild(n4);
    n5.appendChild(document.createTextNode(true && false));
    c.appendChild(n5);
    n6.appendChild(document.createTextNode(true || false));
    c.appendChild(n6);
    n7.appendChild(document.createTextNode(true && true));
    c.appendChild(n7);
    n8.appendChild(document.createTextNode(true || true));
    c.appendChild(n8);
    n91.appendChild(document.createTextNode(false && false));
    c.appendChild(n91);
    n92.appendChild(document.createTextNode(false || false));
    c.appendChild(n92);
}

/* 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:run12.js
     功能:示範 JavaScript 程式 
     作者:張凱慶
     時間:西元 2010 年 11 月 */


利用以下的 HTML 文件載入
<html>

<head>
<title>JavaScript Demo</title>
<script src="run12.js" type="text/javascript"></script>
</head>

<body>
<input id="b" type="button" value="RUN" onclick="run();">
<div id="content"></div>
</body>

</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:jsexample15.html
     功能:示範 JavaScript 程式 
     作者:張凱慶
     時間:西元 2010 年 11 月 -->


瀏覽器 (broswer) 開啟後執行,如下



雖然數字、字串都可運用邏輯且、邏輯或運算子,也有回傳結果的既定規則,邏輯且、邏輯或運算子通常會用在連接兩個計算結果為布林值的運算式,例如運用相等性及比較運算子的運算式。


以下程式示範三元的條件選擇運算子
function run() {
    var c = document.getElementById("content");
    var n1 = document.createElement("p");
    var n2 = document.createElement("p");
    n1.appendChild(document.createTextNode(33 > "22" ? "33 > 22" : "33 < 22"));
    c.appendChild(n1);
    n2.appendChild(document.createTextNode(33 < 22 ? "33 < 22" : "33 > 22"));
    c.appendChild(n2);
}

/* 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:run13.js
     功能:示範 JavaScript 程式 
     作者:張凱慶
     時間:西元 2010 年 11 月 */


利用以下的 HTML 文件載入
<html>

<head>
<title>JavaScript Demo</title>
<script src="run13.js" type="text/javascript"></script>
</head>

<body>
<input id="b" type="button" value="RUN" onclick="run();">
<div id="content"></div>
</body>

</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:jsexample116.html
     功能:示範 JavaScript 程式 
     作者:張凱慶
     時間:西元 2010 年 11 月 -->


瀏覽器開啟後執行,如下



中英文術語對照
條件運算子conditional operator
瀏覽器broswer






沒有留言: