成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS基礎(chǔ)入門篇（ 二 ）—if ， 字符串拼接，數(shù)組，圖片循環(huán)切換

yhaolpz / 1192人閱讀

摘要：錯(cuò)誤，因?yàn)槿〉降氖亲址?，相加?huì)造成字符串拼接。強(qiáng)制轉(zhuǎn)換，將字符串類型轉(zhuǎn)成數(shù)字類型。以上代碼結(jié)果為解釋和獲取到的是字符串，當(dāng)字符串相加時(shí)，會(huì)直接拼接字符串。表示數(shù)組的線長(zhǎng)度。重新定義數(shù)組長(zhǎng)度，后面?zhèn)€數(shù)組的值都為圖片切換兩張圖片切換。

1.if篇

1. if

語法:

    if( 判斷條件 ){
        代碼塊
    }
    以上代碼的功能是：
        如果 判斷條件為真
            則 執(zhí)行代碼塊

2. if-else

語法:

    if( 判斷條件 ){
        代碼1
    }else{
        代碼2
    }
    上面的 語句 實(shí)現(xiàn)的功能:
        如果判斷條件成立 ( 為真 )
            執(zhí)行 代碼1
        否則
            執(zhí)行 代碼2

3. if-else-if-else

語法:

    if( 判斷條件1 ){
        代碼1
    }else if（ 判斷條件2 ）{
        代碼2
    }else if（ 判斷條件3 ）{
        代碼3
    }...
    else{
        代碼
    }
    上面的 語句 實(shí)現(xiàn)的功能:
        如果判斷條件幾成立 ( 為真 )
            執(zhí)行 代碼幾
        否則（如果以上都不成立）
            執(zhí)行 代碼（就是else里面的代碼）
2.字符串

字符串：用 成對(duì)的 單引號(hào)或者雙引號(hào)包起來的 0個(gè)或多個(gè)字符組成的串。

    var userName = "kimoo";//字符串為kimoo
    var userName = "";//空字符串
    var userName = " ";//一個(gè)由空格組成的字符串
    var userName = "kimoo"";//字符串為kimoo"
    var userName = "kimoo"";//字符串為kimoo"

字符串拼接：用 + 做字符串拼接。只要加號(hào)一邊是字符串，另一邊是數(shù)字，那么會(huì)把數(shù)字轉(zhuǎn)變成字符串然后做拼接，只有加號(hào)兩邊都是數(shù)字才會(huì)做數(shù)字加法。

以上代碼結(jié)果為：

舉例說明：錯(cuò)誤的計(jì)算器

以下代碼的作用是：實(shí)現(xiàn)數(shù)字相加，計(jì)算出相加結(jié)果的功能。




    
    Title

以上代碼結(jié)果為：

解釋：t1.value 和 t2.value獲取到的是字符串，當(dāng)字符串相加時(shí)，會(huì)直接拼接字符串。如果需要計(jì)算數(shù)字相加，可以將字符串強(qiáng)轉(zhuǎn)為數(shù)字。

alert(Number(one)+Number(two));

這樣可以實(shí)現(xiàn)我們想要的功能，實(shí)現(xiàn)數(shù)字相加。

3.數(shù)組

數(shù)組：存儲(chǔ)一組數(shù)據(jù)。

定義數(shù)組：舉例：var a = ["a","b","c"];

用[ ]

多個(gè)數(shù)據(jù)之間用 ,（逗號(hào)）隔開，最后一個(gè)數(shù)據(jù)后面不用加逗號(hào)。

數(shù)組的取值：使用下標(biāo)，注意下標(biāo)是從0開始的。eg：a[0], a[1], a[2]

數(shù)組的長(zhǎng)度:
數(shù)組.length（可讀 可寫）。eg: a.length表示數(shù)組a的線長(zhǎng)度。

清空數(shù)組的兩種方法

方法1-為變量重新賦值
   arr = [];
方法2-arr.length = 0;
4.圖片切換

1.兩張圖片切換。codepen不方便放圖片，故用顏色代替。
點(diǎn)擊方框會(huì)切換顏色




    
    Title

2.多組顏色切換
循環(huán)切換圖片,點(diǎn)擊查看效果?。。。?！




    
    Title

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/113287.html

相關(guān)文章

  • JS基礎(chǔ)入門篇（ 二 ）—if ， 字符串拼接，數(shù)組，圖片循環(huán)切換

    摘要：錯(cuò)誤，因?yàn)槿〉降氖亲址?，相加?huì)造成字符串拼接。強(qiáng)制轉(zhuǎn)換，將字符串類型轉(zhuǎn)成數(shù)字類型。以上代碼結(jié)果為解釋和獲取到的是字符串，當(dāng)字符串相加時(shí)，會(huì)直接拼接字符串。表示數(shù)組的線長(zhǎng)度。重新定義數(shù)組長(zhǎng)度，后面?zhèn)€數(shù)組的值都為圖片切換兩張圖片切換。 1.if篇 1. if 語法: if( 判斷條件 ){ 代碼塊 } 以上代碼的功能是： 如果 判斷...

    betacat 評(píng)論0 收藏0

  • JS基礎(chǔ)入門篇（ 二 ）—if ， 字符串拼接，數(shù)組，圖片循環(huán)切換

    摘要：錯(cuò)誤，因?yàn)槿〉降氖亲址?，相加?huì)造成字符串拼接。強(qiáng)制轉(zhuǎn)換，將字符串類型轉(zhuǎn)成數(shù)字類型。以上代碼結(jié)果為解釋和獲取到的是字符串，當(dāng)字符串相加時(shí)，會(huì)直接拼接字符串。表示數(shù)組的線長(zhǎng)度。重新定義數(shù)組長(zhǎng)度，后面?zhèn)€數(shù)組的值都為圖片切換兩張圖片切換。 1.if篇 1. if 語法: if( 判斷條件 ){ 代碼塊 } 以上代碼的功能是： 如果 判斷...

    MudOnTire 評(píng)論0 收藏0

  • 【連載】前端個(gè)人文章整理-從基礎(chǔ)到入門

    摘要：個(gè)人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現(xiàn)在已經(jīng)一年的時(shí)間了，由于工作比較忙，更新緩慢，后面還是會(huì)繼更新，現(xiàn)將已經(jīng)寫好的文章整理一個(gè)目錄，方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個(gè)人前端文章整理 從最開始萌生寫文章的想法，到著手...

    madthumb 評(píng)論0 收藏0

  • JavaScript 基礎(chǔ)知識(shí) - DOM篇(一)

    摘要：前言本篇文章是基礎(chǔ)知識(shí)的篇，如果前面的基礎(chǔ)知識(shí)入門篇看完了，現(xiàn)在就可以學(xué)習(xí)了?；靖拍罘譃槿齻€(gè)部分。在這個(gè)基礎(chǔ)上使用一些新特性，高級(jí)瀏覽器支持，低級(jí)瀏覽器不支持。在對(duì)象中的屬性是一個(gè)布爾值，只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...

    cuieney 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<