逗號運算符
-
在JavaScript中逗號“,”也是一種運算符,稱為逗號運算符。 其功能是把多個表達式連接起來組成一個表達式, 稱為逗號表達式。
- 一般形式形式: 表達式1,表達式2,… …,表達式n;
- 例如: a = 1 + 1,b = 3 * 4, c = 10 / 2;
-
求值過程
- 表達式1,表達式2,… …,表達式n;
- 逗號表達式的運算過程是:先算表達式1,再算表達式2,依次算到表達式n
- 整個逗號表達式的值是最后一個表達式的值
var a, b, c, d; /* 1.先計算表達式1, a = 2 2.再計算表達式2, b = 12 3.再計算表達式3, c = 5 4.將表達式3的結果返回給d */ d = (a = 1 + 1,b = 3 * 4, c = 10 / 2); console.log(d); // 5
-
逗號運算符使用注意
- 程序中使用逗號表達式,通常是要分別求逗號表達式內各表達式的值,并不一定要求整個逗號表達式的值。
- 并不是在所有出現逗號的地方都組成逗號表達式,例如在變量說明中,函數參數表中逗號只是用作各變量之間的間隔符。
var a, b, c; //這里的逗號只是分隔符 function sendMessage(num, content) { //這里的逗號只是分隔符 console.log(num, content); }
練習
求變量b的值
var a, b;
b = (a=4, ++a, a * 7);
三目運算符(條件運算符)
格式: 條件表達式 ? 語句1 : 語句2;
-
求值規則:
- 如果條件表達式為true,則執行語句1,并返回執行結果
- 如果條件表達式為false,則執行語句2,并返回執行結果
// 彈第一個 true?alert("語句1") : alert("語句2"); // 彈第二個 false?alert("語句1") : alert("語句2");
-
注意點:
- 條件運算符?和:是一對運算符,不能分開單獨使用
- 如果條件的表達式的求值結果是一個非布爾值, 會將其轉換為布爾值然后在運算
// 彈第二個 null?alert("語句1") : alert("語句2"); // 彈第一個 "abc"?alert("語句1") : alert("語句2");
練習
// 用戶從輸入三個整數,找出最大值,然后輸入最大值
// 1.定義三個變量, 用于保存用戶輸入的三個整數
var a, b, c;
// 2.利用window.prompt接收用戶輸入的數據
// 注意點: 通過prompt返回給我們的數據是String類型, 需要轉換為Number
// 利用Number函數和+效果一樣
a = Number(window.prompt("請輸入內容"));
b = +(window.prompt("請輸入內容"));
c = +(window.prompt("請輸入內容"));
// 3.定義一個變量保存最大值
var max;
/*
// 4.利用三目運算符進行兩兩比較
max = a > b ? a : b; // 9 > 6 ? 9 : 6; max = 9;
// 如果關系運算符兩邊都是字符串, 不會轉換為數值, 而是比較Unicode碼
max = max > c ? max : c; // 9 > 10 ? 9 : 10; max = 10;
*/
// 企業開發中并不是代碼越少越好,如下方式(a > b ? a : b)需要計算兩次, 性能沒有上面一種方式好, 并且閱讀性也不如上面一種方式
max = (a > b ? a : b) > c ? (a > b ? a : b) : c;
console.log(max);
學習交流方式:
1.微信公眾賬號搜索: 李南江(配套視頻,代碼,資料各種福利獲取)
2.加入前端學習交流群:
302942894 / 289964053 / 11550038