程式語言教學誌 FB, YouTube: PYDOING: 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 月 -->

瀏覽器開啟後執行，如下