真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

JavaScript快速入門-05-基本語句

5 基本語句

5.1 if 語句

? ? if 語句常用語法如下所示:

創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的秀嶼網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!

if (condition) {
  statement1;
}
else {
  statement2;
}

if (condition) {
  statement1;
}
else if {
  statement2;
}
else if {
  statement3;
}
else {
  statement4;
}

? ? 示例代碼如下所示:

let a=Math.round(Math.random()*100,0);
console.log("a value is:",a);
if (a<50){
    console.log("a小于50");
}
else if (a<70){
    console.log("a小于70");
}
else{
    console.log("沒有滿足條件");
}

5.2 while語句

5.2.1 do-while語句

? ? do-while語句是一種先運(yùn)行后測試的循環(huán)語句,即循環(huán)體里的代碼先執(zhí)行,再對退出條件進(jìn)行求值判斷,循環(huán)體內(nèi)的代碼至少要運(yùn)行一次。其語法格式如下所示:

do{
  statement;
}
while (expression);

? ? 示例代碼如下所示:

let sum=0,i=1;
do{
    sum+=i;
    i++;
}
while(i<=100);
console.log("sum value is:",sum);

5.2.2 while語句

? ? while語句是一種先測試再運(yùn)行的循環(huán)語句,即先對退出條件進(jìn)行求值,再執(zhí)行循環(huán)體里面的代碼,因此,在while循環(huán)內(nèi)的代碼可能不會(huì)執(zhí)行。其語法格式如下所示:

let sum=0,i=1;
while(i<=100){
    sum+=i;
    i++;
}
console.log("sum value is:",sum);

5.3 for語句

5.3.1 for語句

? ? for語句也是先測試語句,再執(zhí)行循環(huán)體內(nèi)的代碼,但在進(jìn)入循環(huán)之前加入了初始化代碼及循環(huán)執(zhí)行后要執(zhí)行的表達(dá)式,其語法格式如下所示:

for (initialization; expression; post-loop-expression) {
  statement
}

在使用for循環(huán),避免死循環(huán)

? ? 示例代碼如下所示:

let sum=0;
for(let i=0;i<=100;i++){
    sum+=i;
}
console.log("sum value is:",sum);

5.3.2 for-in語句

? ? for-in語句是一種嚴(yán)格的迭代語句,用于枚舉對象中的非符號(hào)鍵屬性,其語法如下:

for (property in expression) {
  statement
}

果for-in循環(huán)要迭代的變量是null 或undefined,則不執(zhí)行循環(huán)體

? ? 示例代碼如下所示:

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai",
    "from":"Wuhan"
};
for (let item in personInfo){
    console.log("key is: "+item+" value is:"+personInfo[item]);
}

let personInfoArray=["Surpass",28,"Shanghai","Wuhan"];
for(let item in personInfoArray){
    console.log("item is:",personInfoArray[item]);
}

輸出結(jié)果如下所示:

key is: name value is:Surpass
key is: age value is:28
key is: location value is:Shanghai
key is: from value is:Wuhan
item is: Surpass
item is: 28
item is: Shanghai
item is: Wuhan

5.3.3 for-of 語句

? ? for-of 語句是一種嚴(yán)格的迭代語句,用于遍歷可迭代對象的元素,其語法如下:

for (property of expression) {
  statement
}

? ? 示例代碼如下所示:

let personInfoArray=["Surpass",28,"Shanghai","Wuhan"];
for(let item of personInfoArray){
    console.log("item is:",item);
}

輸出結(jié)果如下所示:

item is: Surpass
item is: 28
item is: Shanghai
item is: Wuhan

5.4 中斷語句

? ? 在JavaScript中常用的中斷語句有兩個(gè)breakcontinue,其主要區(qū)別如下所示:

  • break:中斷整個(gè)循環(huán),即立即退出循環(huán)
  • continue:中斷本次循環(huán),即此次循環(huán)中斷,后續(xù)若還有循環(huán),則繼續(xù)下一次循環(huán)。

5.4.1 break 語句

? ? break語句用于中斷整個(gè)循環(huán),即立即退出循環(huán),示例代碼如下所示:

for(let i=0;i<=5;i++){
    if (i %2 == 1){
        break;
    }
    console.log("current value is:",i);
}

輸出結(jié)果如下所示:

current value is: 0

5.4.2 continue 語句

? ? continue語句用于中斷本次循環(huán),即此次循環(huán)中斷,后續(xù)若還有循環(huán),則繼續(xù)下一次循環(huán)。示例代碼如下所示:

for(let i=0;i<=5;i++){
    if (i %2 == 1){
        continue;
    }
    console.log("current value is:",i);
}

輸出結(jié)果如下所示:

current value is: 0
current value is: 2
current value is: 4

5.5 with 語句

? ? with 語句的主要場景是針對一個(gè)對象反復(fù)操作,這時(shí)候?qū)⒋a作用域設(shè)置為該對象能提供便利。其基本語法如下所示:

with (expression) {
 statement;
}

? ? 示例代碼如下所示:

// 未使用with語句
let personInfo={
        "name":"Surpass",
        "age":28,
        "location":"Shanghai",
        "from":"Wuhan"
    };

let getName=personInfo.name,getAge=personInfo.age,getLocation=personInfo.location,getFrom=personInfo.from;
console.log(getName,getAge,getLocation,getFrom);

// 使用with語句
with(personInfo){
    let getName=name,getAge=age,getLocation=location,getFrom=from;
    console.log(getName,getAge,getLocation,getFrom);
}

輸出結(jié)果如下所示:

Surpass 28 Shanghai Wuhan
Surpass 28 Shanghai Wuhan

由于with 語句影響性能且難于調(diào)試其中的代碼,通常不推薦在產(chǎn)品代碼中使用with語句

5.6 swithch語句

? ? switch 語句是與if 語句緊密相關(guān)的一種流控制語句,其語法格式如下所示:

switch (expression) {
    case value1:
    	statement
    	break;
    case value2:
    	statement
    	break;
    case value3:
        statement
        break;
    case value4:
        statement
        break;
    default:
    	statement
}

break關(guān)鍵字會(huì)導(dǎo)致代碼執(zhí)行跳出switch語句。如果沒有break,則代碼會(huì)繼續(xù)匹配下一個(gè)條件。default關(guān)鍵字用于在任何條件都沒有滿足時(shí)指定默認(rèn)執(zhí)行的語句。

let i=30;
switch (i) {
    case 10:
        console.log("i=",10);
        break;
    case 20:
        console.log("i=",20);
        break;
    case 30:
        console.log("i=",30);
        // break;
    case 40:
        console.log("i=",40);
        // break;
    default:
        console.log("i=",NaN)
        break;
}

輸出結(jié)果如下所示:

i= 30
i= 40
i= NaN

? ? switch語句可以用于所有數(shù)據(jù)類型,因此可以使用字符串甚至對象,其次,條件的值不需要是常量,可以是變量或表達(dá)式,示例如下所示:

switch ("Hi Surpass") {
    case "Hi"+" Surpass":
        console.log("Hi Surpass");
        break;
    case "Hi"+ " Kevin":
        console.log("Hi Kevin");
        break;
    default:
        console.log("Not Found");
        break;
}

let flag=true;
let number=18;
switch (flag) {
    case number<10:
        console.log("number < 10");
        break;
    case number >=10 && number <20:
        console.log("10<=number<20");
        break;
    case number >=20 && number <30:
        console.log("20<=number<30");
        break;
    default:
        console.log("number >=30");
        break;
}

原文地址:https://www.jianshu.com/p/8223c6aa5b96

本文同步在微信訂閱號(hào)上發(fā)布,如各位小伙伴們喜歡我的文章,也可以關(guān)注我的微信訂閱號(hào):woaitest,或掃描下面的二維碼添加關(guān)注:


網(wǎng)站欄目:JavaScript快速入門-05-基本語句
標(biāo)題路徑:http://weahome.cn/article/dsojjoh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部