HTML 日常了解9(js篇)

轉(zhuǎn)換為Boolean

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轉(zhuǎn)換為Boolean</title>
    <script type="text/javascript">
        將其他的數(shù)據(jù)類型轉(zhuǎn)換為Boolean
            使用Boolean()函數(shù)
                - 數(shù)字 ---> 布爾
                    - 除了0和NaN,其余的都是true
                - 字符串 ---> 布爾
                    - 除了空串,其余的都是true
                - null和undefined都會(huì)轉(zhuǎn)換為false
                - 對(duì)象也會(huì)轉(zhuǎn)換為true
    </script>
</head>
<body>

</body>
</html>

運(yùn)算符
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>運(yùn)算符</title>
<script type="text/javascript">
運(yùn)算符也叫操作符
通過(guò)運(yùn)算符可以對(duì)一個(gè)或多個(gè)值進(jìn)行運(yùn)算,并獲取運(yùn)算結(jié)果
比如:typeof就是運(yùn)算符,可以來(lái)獲得一個(gè)值的類型,它會(huì)將該值的類型以字符串的形式返回
"number" "string" "boolean" "undefined" "object"

    算數(shù)運(yùn)算符
        當(dāng)對(duì)非Number類型的值進(jìn)行運(yùn)算時(shí),會(huì)將這些值轉(zhuǎn)換為Number然后在運(yùn)算
        任何值和NaN做運(yùn)算都得NaN

        +
            +可以對(duì)兩個(gè)值進(jìn)行加法運(yùn)算,并將結(jié)果返回
            如果對(duì)兩個(gè)字符串進(jìn)行加法運(yùn)算,則會(huì)做拼串,會(huì)將兩個(gè)字符串拼接為一個(gè)字符串,并返回
            任何的值和字符串做加法運(yùn)算,都會(huì)先轉(zhuǎn)換為字符串,然后再和字符串做拼串的操作
        -
            - 可以對(duì)兩個(gè)值進(jìn)行減法運(yùn)算,并將結(jié)果返回
        *
            * 可以對(duì)兩個(gè)值進(jìn)行乘法運(yùn)算
        /
            / 可以對(duì)兩個(gè)值進(jìn)行除法運(yùn)算
        %
            % 取模運(yùn)算(取余數(shù))
            任何值和字符串相加都會(huì)轉(zhuǎn)換為字符串,并做拼串操作

    我們可以利用這一特點(diǎn),來(lái)將一個(gè)任意的數(shù)據(jù)類型轉(zhuǎn)換為String
        我們只需要為任意的數(shù)據(jù)類型 + 一個(gè) "" 即可將其轉(zhuǎn)換為String
        這是一種隱式的類型轉(zhuǎn)換,由瀏覽器自動(dòng)完成,實(shí)際上它也是調(diào)用String()函數(shù)

    任何值做- * /運(yùn)算時(shí)都會(huì)自動(dòng)轉(zhuǎn)換為Number
    我們可以利用這一特點(diǎn)做隱式的類型轉(zhuǎn)換
        可以通過(guò)為一個(gè)值 -0 *1 /1來(lái)將其轉(zhuǎn)換為Number
        原理和Number()函數(shù)一樣,使用起來(lái)更加簡(jiǎn)單
</script>

</head>
<body>

</body>
</html>


>一元運(yùn)算符

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>一元運(yùn)算符</title>
<script type="text/javascript">
一元運(yùn)算符,只需要一個(gè)操作數(shù)
+ 正號(hào)
- 正號(hào)不會(huì)對(duì)數(shù)字產(chǎn)生任何影響
- 負(fù)號(hào)
- 負(fù)號(hào)可以對(duì)數(shù)字進(jìn)行符號(hào)的取反

        - 對(duì)于非Number類型的值,它會(huì)將先轉(zhuǎn)換為Number,然后再運(yùn)算
        - 可以對(duì)一個(gè)其他的數(shù)據(jù)類型使用+,來(lái)將其轉(zhuǎn)換為number,它的原理和Number()函數(shù)一樣

</script>

</head>
<body>

</body>
</html>


>自增和自減

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自增和自減</title>
<script type="text/javascript">
自增 ++
- 通過(guò)自增可以使變量在自身的基礎(chǔ)上增加1
- 對(duì)于一個(gè)變量自增以后,原變量的值會(huì)立即自增1
- 自增分成兩種:后++(a++) 和 前++(++a)
無(wú)論是a++還是++a,都會(huì)立即使原變量的值自增1
不同的是a++和++a的值不同
a++的值等于原變量的值(自增前的值)
++a的值等于新值 (自增后的值)

    自減 --
        - 通過(guò)自減可以使變量在自身的基礎(chǔ)上減1
        - 自減分成兩種:后--(a--) 和 前--(--a)
            無(wú)論是a--還是--a都會(huì)立即使原變量的值自減1
            不同的是a-- 和 --a的值不同
                a-- 是變量的原值 (自減前的值)
                --a 是變量的新值 (自減以后的值)
</script>

</head>
<body>

</body>
</html>


>邏輯運(yùn)算符

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>邏輯運(yùn)算符</title>
<script type="text/javascript">
JS中為我們提供了三種邏輯運(yùn)算符
! 非
- !可以用來(lái)對(duì)一個(gè)值進(jìn)行非運(yùn)算
- 所謂非運(yùn)算就是值對(duì)一個(gè)布爾值進(jìn)行取反操作,
true變false,false變true
- 如果對(duì)一個(gè)值進(jìn)行兩次取反,它不會(huì)變化
- 如果對(duì)非布爾值進(jìn)行元素,則會(huì)將其轉(zhuǎn)換為布爾值,然后再取反
所以我們可以利用該特點(diǎn),來(lái)將一個(gè)其他的數(shù)據(jù)類型轉(zhuǎn)換為布爾值
可以為一個(gè)任意數(shù)據(jù)類型取兩次反,來(lái)將其轉(zhuǎn)換為布爾值,原理和Boolean()函數(shù)一樣

    && 與
        - &&可以對(duì)符號(hào)兩側(cè)的值進(jìn)行與運(yùn)算并返回結(jié)果
        - 運(yùn)算規(guī)則
            - 兩個(gè)值中只要有一個(gè)值為false就返回false,
                只有兩個(gè)值都為true時(shí),才會(huì)返回true
            - JS中的“與”屬于短路的與,
                如果第一個(gè)值為false,則不會(huì)看第二個(gè)值
    
    || 或
        - ||可以對(duì)符號(hào)兩側(cè)的值進(jìn)行或運(yùn)算并返回結(jié)果
        - 運(yùn)算規(guī)則:
            - 兩個(gè)值中只要有一個(gè)true,就返回true
                如果兩個(gè)值都為false,才返回false
            - JS中的“或”屬于短路的或
                如果第一個(gè)值為true,則不會(huì)檢查第二個(gè)值
</script>

</head>
<body>

</body>
</html>


>與或運(yùn)算

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>與或運(yùn)算</title>
<script type="text/javascript">
&& || 非布爾值的情況
- 對(duì)于非布爾值進(jìn)行與或運(yùn)算時(shí),會(huì)先將其轉(zhuǎn)換為布爾值,然后再運(yùn)算,并且返回原值
- 與運(yùn)算:
- 如果第一個(gè)值為true,則必然返回第二個(gè)值
- 如果第一個(gè)值為false,則直接返回第一個(gè)值

        - 或運(yùn)算
            - 如果第一個(gè)值為true,則直接返回第一個(gè)值
            - 如果第一個(gè)值為false,則返回第二個(gè)值
</script>

</head>
<body>

</body>
</html>


>賦值運(yùn)算符

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>賦值運(yùn)算符</title>
<script type="text/javascript">
=
可以將符號(hào)右側(cè)的值賦值給符號(hào)左側(cè)的變量
+=
a += 5 等價(jià)于 a = a + 5
-=
a -= 5 等價(jià)于 a = a - 5
*=
a *= 5 等價(jià)于 a = a5
/=
a /= 5 等價(jià)于 a = a / 5
%=
a %= 5 等價(jià)于 a = a % 5

</script>

</head>
<body>

</body>
</html>


>關(guān)系運(yùn)算符

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>關(guān)系運(yùn)算符</title>
<script type="text/javascript">
通過(guò)關(guān)系運(yùn)算符可以比較兩個(gè)值之間的大小關(guān)系,
如果關(guān)系成立它會(huì)返回true,如果關(guān)系不成立則返回false

    > 大于號(hào)
        - 判斷符號(hào)左側(cè)的值是否大于右側(cè)的值
        - 如果關(guān)系成立,返回true,如果關(guān)系不成立則返回false
    
    >= 大于等于
        - 判斷符號(hào)左側(cè)的值是否大于或等于右側(cè)的值
    
    < 小于號(hào)
    <= 小于等于
    
    非數(shù)值的情況
        - 對(duì)于非數(shù)值進(jìn)行比較時(shí),會(huì)將其轉(zhuǎn)換為數(shù)字然后再比較
        - 如果符號(hào)兩側(cè)的值都是字符串時(shí),不會(huì)將其轉(zhuǎn)換為數(shù)字進(jìn)行比較,而會(huì)分別比較字符串中字符的Unicode編碼

</script>

</head>
<body>

</body>
</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容