
1.
~~~
/*
* 編程語言中最常用的判斷:if、else if、else
*/
let x = 10;
if (x) {
// 條件(驗證真假的過程):
// x==10 x===10 x>10 x<10 x>=10 ...
// x 把當前值轉換為布爾類型驗證真假
// x>=0 && x<=10 或者 x==1 || x==2
// ....
x++;
} else {
// 以上條件都不成立,執行else
x--;
}
console.log(x);
let x = '10';
if (x == 1) {
x += 1;
} else if (x == 5) {
x += 2;
} else if (x == 10) { //=>'10'==10 把字符串轉換為數字 條件成立
x += 3;
// x = x + 3 => '103'//字符串拼接
} else {
x += 4;
}
console.log(x);
~~~
2.
~~~
// 三元運算符:處理最簡單的 if \ else 情況的
// 條件?成立處理的事情:不成立做的事情;
// let x = 10;
if (x>=10) {
x++;
} else {
x--;
}
x >= 10 ? x++ : x--;
console.log(x);
// 在條件成立或者不成立的時候,如果不想做一些事情,則使用null/undefined等來占位即可;不占位會報錯;
let x = 10;
if (x == 10) {
x++;
}
let x = 10;
x == 10 ? x++ : null;
// 如果需要做多件事情,則用小括號包起來,每一件事情中間用逗號分隔即可
// let x = 10;
if (x > 0) {
x++;
console.log(x);
}
x > 0 ? (x++, console.log(x)) : null; //用逗號分割
// 可以根據需求完成三元運算符的嵌套
let x = 10;
if (x > 0) {
if (x < 10) {
x++;
} else {
x--;
}
} else {
x--;
}
x > 0 ? (x < 10 ? x++ : x--) : x--;
~~~
3.
~~~
// 一個變量在不同值情況下的不同操作,我們可以改寫為 switch case 判斷(他只能應用于等于什么值做什么事情,不能用戶大于或者小于啥值做啥)
let x = '10';
if (x == 1) {
x += 1;
} else if (x == 5) {
x += 2;
} else if (x == 10) {
// 條件成立
x += 3;
} else {
x += 4;
}
console.log(x); =>'103'
let x = '10';
switch (x) {
case 1: //=>在x等于1的情況下做什么
x += 1;
break; //=>每一種情況結束都要設置break(以供當此條件成立并處理完事情后,通知代碼不在向下執行)
case 5:
x += 2;
break;
case 10: //=>'10'===10 FALSE
x += 3;
break;
default: //=>等價于else,而且最后一個判斷結束無需設置break
x += 4;
}
console.log(x); //=>'104' 每一種case情況都是基于 === 進行比較的(嚴格比較,需要保證數據類型的一致)
~~~
- 0001.開課說明
- 0002.ECMAScript的發展歷程
- 0003.WEB2.0時代-服務器端渲染,前后端不分離
- 0004.WEB2.0時代-前后端分離模式
- 0005.大前端時代概述
- 0006.前端需要的技術棧和學習技巧
- 0007.瀏覽器
- 0008.JS的三部分組成
- 0009.JS中創建變量的6種形式
- 0010.JS中變量的命名規范
- 0011.JS中的數據類型分類
- 0012.JS中常用的幾種輸出方式
- 0013.number屬性類型詳細解讀1
- 0014.number數據類型詳細解讀2
- 0015.string數據類型詳細解讀1
- 0016.string數據類型詳細解讀2
- 0017.boolean數據類型詳細解讀
- 0018.object數據類型詳細解讀1
- 0019.object數據類型詳細解讀2
- 0020.談談學習
- 0021.數據類型檢測
- 0022.瀏覽器底層渲染機制(堆棧內存和數據類型區別)
- 0023.關于數據類型區別的面試題
- 0024.課后作業講解:數據類型轉換
- 0025.課后作業講解:堆棧內存處理
- 0026.課后作業講解:阿里的一道經典面試題
- 0027.JS中三種常用的判斷語句
- 0028.小實戰:開關燈特效
- 0029.FOR循環和FOR IN循環
- 0030.課后作業講解:關于循環判斷和數據轉化
- 0031.課后作業講解:關于DOM對象的深入理解
- 0032.關于元素集合的相關操作(奇偶行變色)
- 0033.課后作業講解:邏輯思維判斷題
- reset.min.css
- 0034.(復習)前四天內容的綜合復習梳理
- 0035.初窺函數:函數的作用、語法、形參
- 0036-0038.選項卡案例
- 0039.隔行變色案例:進一步強化自定義屬性編程思想
- 0040.其它作業題的講解(自定義屬性強化)
- 0041.函數創建和執行的堆棧運行機制
- 0042.函數中的形參和實參
- 0043.函數中的實參集合ARGUMENTS
- 0044.函數中的返回值RETURN
- 0045.箭頭函數和匿名函數
- 0046.兩個等于比較時候的數據類型轉換規則
- 0047.數組的基礎結構和常規操作
- 0048.數組常用方法:增刪改的五個方法
- 0049.數組常用方法:查詢、拼接、轉換為字符串
- 0050.數組常用方法:檢測是否包含、排序和迭代
- 0051.數組去重:雙FOR循環(數組塌陷和SPLICE刪除優化)
- 0052.數組去重:對象鍵值對方式(ES6中SET)
- 0053.Math數學函數對象中常用的方法
- 0054.String字符串中常用的方法
- 0055.實戰案例:時間字符串格式化
- 0056.實戰案例:queryURLParams1
- 0057.實戰案例:queryURLParams2
- 0058.實戰案例:獲取四位不重復的驗證碼
- 0059.階段作業題講解1(基礎知識)
- 0060.階段作業題講解2(實戰案例)
- 0061-0062.DOM操作中相關知識的復習
- 0063.DOM中的節點操作1
- 0064.DOM中的節點操作2
- utils
- 65.關于DOM的增刪改