1. 程式人生 > >03: JavaScript

03: JavaScript

賦值 子串 tin 否則 無效 所有 mat 未定義 .get

參考W3school

1.1 變量

  1、JavaScript變量特點

      1. JavaScript中變量的聲明是一個非常容易出錯的點,局部變量必須一個 var 開頭
      2. 如果未使用var,則默認表示聲明的是全局變量。
      3. 為了避免出錯我們在定義變量時全部加var變成局部變量,如果發現他是一個全局變量再將var刪除
      4. 定義局部變量和全局變量

  2、定義全局變量和局部變量

技術分享圖片
    <script type="text/javascript">
        // 全局變量
        name = ‘seven‘;
        
        
function func(){ // 局部變量 var age = 18; // 全局變量 gender = "男" } console.log(name); // seven console.log(gender); // 報錯:seven </script>
定義全局變量和局部變量

1.2 JavaScript中數據類型

  1、JavaScript 中的數據類型分為原始類型和對象類型:

    1原始類型

        1)數字

        2)字符串

        3)布爾值

    2.、對象類型

        1)數組

        2)“字典”

        3)……..

    3、特別的,數字、布爾值、nullundefined、字符串是不可變。

1)null是JavaScript語言的關鍵字,它表示一個特殊值,常用來描述“空值”。

2)undefined是一個特殊值,表示變量未定義。

  2、數字(Number

    說明:JavaScript 只有一種數字類型。數字可以帶小數點,也可以不帶

    1. JavaScript數字定義

        var x1=34.00; //使用小數點來寫
        var x2=34; //不使用小數點來寫

    2. 轉換

        1)parseInt(..) 將某值轉換成數字,不成功則NaN

        2)parseFloat(..) 將某值轉換成浮點數,不成功則NaN

    3、特殊值

        1)NaN,非數字。可使用 isNaN(num) 來判斷。

        2)Infinity,無窮大。可使用 isFinite(num) 來判斷。

  3、字符串(String)

    1. 字符串說明

        #1. 字符串是由字符組成的數組,但在JavaScript中字符串是不可變的:可以訪問字符串任意位置的文本

        #2. 但是JavaScript並未提供修改已知字符串內容的方法

    2. 實現 “歡迎齊天大聖蒞臨指導” 滾動效果(跑馬燈)

技術分享圖片
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div id="i1">歡迎齊天大聖蒞臨指導</div>

    <script>
                          
        function func(){
            var tag = document.getElementById(i1);
            var content = tag.innerText;
            var f = content.charAt(0);      //f = 歡
                                             // l = 迎齊天大聖蒞臨指導
            var l = content.substring(1,content.length);
            var new_content = l + f;        //new_content = 迎齊天大聖蒞臨指導歡
                                            //然後將tag.innerText重新賦值成:迎齊天大聖蒞臨指導歡
            tag.innerText = new_content;
        }
        setInterval(func(), 2000);        //定時器:func()是上面定義的函數名,2000毫秒執行一次func()函數
    </script>
</body>
</html>
跑馬燈

    3. 字符串(String)常用方法

技術分享圖片
# obj.length                           長度
# obj.trim()                           移除空白
# eg:   v = $.trim(v);                去除獲取值v的空白
# obj.trimLeft()                       移除左側空白
# obj.trimRight)                       移除右側空白
# obj.charAt(n)                        回字符串中的第n個字符
# obj.concat(value, ...)               拼接
# obj.indexOf(substring,start)         序列位置
# obj.lastIndexOf(substring,start)     子序列位置
# obj.substring(from, to)              根據索引獲取子序列
# obj.slice(start, end)                切片
# obj.toLowerCase()                    大寫
# obj.toUpperCase()                    小寫
# obj.split(delimiter, limit)          分割    (limit指定取出分割後的幾個元素)
# obj.search(regexp)                   頭開始匹配,返回匹配成功的第一個位置(g無效)
# obj.match(regexp)                    全局搜索,如果正則中有g表示找到全部,否則只找到第一個。
# obj.replace(regexp, replacement)     替換,正則中有g則替換所有,否則只替換第一個匹配項,
                                       $數字:匹配的第n個組內容;
                                       $&:當前匹配的內容;
                                       $`:位於匹配子串左側的文本;
                                       $:位於匹配子串右側的文本
                                       $$:直接量$符號
字符串常用方法

03: JavaScript