JavaScript的語法、數據類型、基本算數和邏輯運算操作

-Advertisement-

str.toString() 可以把字元串、數值、布爾值、對象轉為字元串 String(str) 任何數值強制轉換為字元串類型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> ...

str.toString()

可以把字元串、數值、布爾值、對象轉為字元串

String(str)

任何數值強制轉換為字元串類型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var num=123;
        console.log(typeof num.toString());//string
        console.log(typeof String(num));//string
    </script>
</body>
</html>

其他類型轉布爾值

1、數值型，除了0，其餘都是轉為true

2、字元串型，除了""空字元串，其餘都是轉為true

3、null 和 undefined 轉為false

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var num;
        console.log(Boolean(num));//false
    </script>
</body>
</html>

在進行算數運算時，瀏覽器會嘗試隱式轉換字元串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var num1=1;
        var num2="30";
        console.log(num1+num2);//130  此處+為字元串拼接
        console.log(typeof(num1+num2));//string
        console.log(num1*num2);//30
        console.log(typeof(num1*num2));//number
    </script>
</body>
</html>

++num 先遞增，再運算

num++ 先運算，再遞增

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var num1=2;
        var num2=3;
        var num3=++num1+num2++;
        console.log(num1);//3
        console.log(num2);//4
        console.log(num3);//6
    </script>
</body>
</html>

== 和 ===

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        console.log(null==undefined);//true  undefined派生自null
        console.log(null===undefined);//false  是兩種不同的基本類型
    </script>
</body>
</html>

三元運算符可以簡化部分if判斷的語句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var score=85;
        var result=score>60?'及格':'不及格';
        console.log(result);//及格
    </script>
</body>
</html>

如果都是布爾值，則所有布爾值都為true時，返回true；有一個為false則返回false

如果不都是布爾值，則：

如果第一個隱式轉換後是true，則返回第二個值；如果第二個也隱式轉換為true，則返回第三個；以此類推

如果第一個隱式轉換後是false，則返回第一個值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        
        console.log(15 && 'hello~');//hello~
        console.log(0 && 'hello~');//0
        console.log(25 && 'str' && null);//null
    </script>
</body>
</html>

如果都是布爾值，有一個為true，則返回true

全部都是false，則返回false；

如果不都是布爾值，則第一個數值隱式轉換為true，就返回第一個數值；否則依次往後

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        
        console.log(15 || 'hello~' || NaN);//15
        console.log(0 || undefined);//undefined
        console.log('' || 'str' || null);//str
    </script>
</body>
</html>

! 取反

!! 取反再取反

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        
        console.log(!null);//true
        console.log(!!null);//false
    </script>
</body>
</html>

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

js函數的使用+封裝+代碼復用

javascript 函數 return 後面沒有返回值代表提早退出語句，return後面的語句都不再執行此時返回值為undefined <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document< ...
jQuery---each方法

each方法 each方法 //each方法 $("li").each(function (index, element) { $(element).css("opacity", (index + 1) / 10); }) for迴圈方法 for (var i = 0; i < $("li").le ...
jQuery---五角星評分案例

五角星評分案例 1. 滑鼠經過li的時候，當前的位置是實心五角星，前面的是實心。當前位置後面的是空心。註意此處不能完全用鏈式編程寫到底 2. 滑鼠離開，comment的所有孩子變為空心五角星。額外，找到current, 讓current和它的前面都是實心。 3. 點擊li的時候，當前的位置增加個cu ...
JavaScript中條件分支語句和迴圈語句的使用，用簡潔的代碼實現強大功能

if() else if() else() alert() 彈出警告框 prompt() 輸入框，確定：返回輸入信息；取消：返回null <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</t ...
jQuery---鏈式編程

鏈式編程設置性操作：可以鏈式編程獲取性操作，不能鏈式，因為獲取性操作，數值，字元串，返回值是不是一個jq對象。 $(function () { //設置性操作：可以鏈式編程 //獲取性操作，不能鏈式，因為獲取性操作，數值，字元串，返回值是不是一個jq對象。 $("div").width(200) ...
圖解HTTP----讀書筆記

HTTP的歷史 3 項 WWW 構建技術，分別是：把 SGML（Standard Generalized Markup Language，標準通用標記語言）作為頁面的文本標記語言的 HTML（HyperText Markup Language，超文本標記語言）；作為文檔傳遞協議的 HTTP ；指定 ...
jQuery---鋼琴案例（按下1-9數字鍵，能觸發對應的mouseenter事件）

鋼琴案例（按下1-9數字鍵，能觸發對應的mouseenter事件） 1. 結合之前的學習，主要內容，就是on註冊keyup事件，函數里傳入e, 用e.keyCode，來獲取1-9的數字的範圍。如果所按的按鍵在49-57的範圍里，就去觸發mouseenter(or mouseleave)事件。怎 ...
使用typescript改造koa開發框架

原文地址： "使用typescript改造koa開發框架" 強類型的 TypeScript 開發體驗和維護項目上相比 JavaScript 有著明顯的優勢，那麼對常用的腳手架進行改造也就勢在必行了。接下來開始對基於 koa 框架的 node 後端腳手架進行改造： 1. 項目開發環境和 types ...