day04-JavaScript01( 三 )


短路現象:當這個&&||運算有確定結果后 , 后面的表達式不再執行

例子:邏輯運算符
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>邏輯運算符注意事項和使用細節</title><script type="text/javascript">//1. 在JavaScript語言中 , 所有的變量,都可以作為一個boolean類型的變量去使用//語法比較松散var name = "貓貓";var age = 900;var n = null;if (!n) {alert("你好你好你好你好你好...")}//2. 0,null,undefined , ""(空串)都認為是falseif (!(100 * "aaa")) {alert("hi~~~")}//3. &&且運算有兩種情況:(即&&返回值是遵守短路與的機制)// - 當表達式全為真時,返回最后一個表達式的值// - 當表達式中,有一個為假的時候,返回第一個為假的表達式的值var res1 = "education" && 600;alert("res1=" + res1);//600var res2 = null && 600;alert("res2=" + res2);//null//4. ||或運算,有兩種情況:(即||返回值是遵守短路或的機制)// - 當表達式全為假的時候 , 返回最后一個表達式的值// - 只要有一個表達式為真,就會返回第一個為真的表達式var res3 = null || 600;alert("res3=" + res3);//600var res4 = "你好" || 600;alert("res4=" + res4);//你好//5. &&運算和||運算有短路現象//短路現象:當這個&&||運算有確定結果后,后面的表達式不再執行var n1 = 1;var n2 = 3;//var res5 = n1++ || n2++;//alert("n1=" + n1 + " n2=" + n2);//n1=2 n2=3var res6 = (n1++ > 100) || n2++;alert("n1=" + n1 + " n2=" + n2);////n1=2 n2=4</script></head><body></body></html>6.5條件運算符JavaScript還可以使用類似 Java的三元運算符
如果條件表達式為true , 就返回第一個表達式的值;如果表達式為false,就返回第二個表達式的值
例子:條件運算符
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>條件運算符</title></head><body><script type="text/javascript">var res = (100 > 1) ? "kkkk" : 300;alert(res);//kkkk</script></body></html>7.數組7.1數組定義在JavaScript中 , 數組的定義有四種方式
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>數組定義</title><script type="text/javascript">//數組定義方式一:var cars1 = ["Audi", "BMW", "Volvo", 100, null];//在JavaScript中 , 數組的數據類型可以不一致console.log("cars1=" + cars1);//cars1=Audi,BMW,Volvo,100,//可以通過下標索引來訪問具體的元素(索引從0開始)console.log(cars1[0]);//Audiconsole.log(cars1[3]);//100//數組定義方式二:var cars2 = [];//空數組//再添加數據cars2[0] = "奧迪";cars2[1] = "奔馳";cars2[2] = "寶馬";cars2[3] = 100;console.log("cars2=" + cars2);//cars2=奧迪,奔馳,寶馬,100//如果該元素不存在,就返回undefinedconsole.log("cars2[100]=" + cars2[100]);//cars2[100]=undefined//數組定義方式三:var cars3 = new Array("Audi", "BMW", "Volvo");console.log("cars3=" + cars3);//cars3=Audi,BMW,Volvo//數組定義方式四:var cars4 = new Array();console.log(typeof cars4);//objectcars4[0] = "法拉利";cars4[1] = "保時捷";cars4[0] = "ZZ";//替換cars4[2] = "YY";////因為在創建的時候沒有定義數組的大小,因此要擴容直接在數組里面添加數據即可cars4[8] = "紅旗";//擴容,如果跳過了下標賦值,那么沒有賦值的元素都為undefinedconsole.log("cars4[5]=" + typeof cars4[5]);//cars4[5]=undefinedconsole.log("cars4=" + cars4);//cars4=ZZ,保時捷,YY,,,,,,紅旗</script></head><body></body></html>
day04-JavaScript01

文章插圖
7.2數組遍歷數組的類型是Object對象 , 具有length等屬性,因此也能像 java一樣,使用 for循環進行遍歷
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>數組遍歷</title><script type="text/javascript">var cars = ["Audi", "BMW", "Volvo", 100, 1.1,true];//遍歷console.log("數組的長度="+cars.length);for (var i = 0; i < cars.length; i++) {console.log(cars[i]);//log方法會自動換行}</script></head><body></body></html>
day04-JavaScript01

文章插圖

推薦閱讀