HTML5教案第20講 JavaScript字符串

web前端開發(fā)JavaScript字符串（教案）教學內容及教學過程說明步驟一問題引入字符串是一個特殊變量，用于存儲和處理文本。問題1：什么是字符串？回答1：。問題2：字符串與數組的相同與不同點？回答2：。步驟二講授6.1JavaScript字符串6.1.1JavaScript字符串的初始化字符串是JavaScript的一種基本的數據類型。JavaScript字符串用于存儲和處理文本，字符串中可以存儲一系列字符，可以是插入到引號中的任何字符，可以使用單引號或雙引號初始化字符串，字符串中使用索引位置來訪問包含的每個字符。varstr="abcdef";//初始化字符串console.log(str[1])//打印字符"b"6.1.2字符串的檢索方法1.檢索指定位置字符的方法使用字符串的charAt()方法，用于查找字符串中的單個字符，可以根據參數（非負整數的下標值）返回指定位置的字符或字符編碼。如果參數不在0和字符串的length-1之間，則返回空字符串。"JavaScript".charAt(2);//返回字符"v"2.查找字符所在位置的方法使用字符串的indexOf()和lastIndexOf()方法，可以根據參數字符串，返回值為字符串檢索中指定字符第一次出現(xiàn)的位置和最后一次出現(xiàn)的位置。"JavaScript".indexOf("a");//返回字符串中檢索指定字符第一次出現(xiàn)的"a"位置"JavaScript".lastIndexOf("a");//返回字符串中檢索指定字符最后一次出現(xiàn)的"a"位置。6.1.3字符串操作方法1.substring()方法substring()方法用于提取字符串中介于兩個指定下標之間的字符。語法如下。字符串.substring(start,stop)start：一個非負的整數，指要提取的子串的第一個字符在字符串中的位置，必需填寫的元素。stop：一個非負的整數，比要提取的子串的最后一個字符在字符串上的位置加1，可省略，如果不寫則返回的子串會一直到字符串的結尾。該字符串的長度為stop-start。如果參數start與stop相等，則該方法返回的就是一個空串，如果start比stop大，那么該方法在提取子串之前會先交換這兩個參數。"JavaScript".substring(2,5);//結果為"vaS"2.substr()方法substr()方法可在字符串中抽取從start下標開始的指定數目的字符。其語法如下。字符串.substr(start,length)start：要截取的子串的起始下標必須是數值。如果是負數，那么該參數從字符串的尾部開始算起的位置。也就是說，-1指字符串中最后一個字符，-2指倒數第二個字符，以此類推，必需要寫。length：子串中的字符數，必須是數值。如果不填該參數，那么返回的是字符串的開始位置到結尾的字符。如果length為0或者負數，將返回一個空字符串。"JavaScript".substr(2,3);//結果是"avS"3.split()方法split()方法用于把一個字符串分割成字符串數組。其語法如下。字符串.split(separator,howmany)separator：字符串或正則表達式，從該參數指定的地方分割字符串，必須要填寫。howmany：指返回的數組的最大長度?？蛇x參數，如果設置了該參數，返回的子串不會多于這個參數指定的數組。如果沒有設置該參數，整個字符串都會被分割，不考慮它的長。"Java-Scr-ip-t".split("-");//返回結果是數組["Java","Scr","ip","t"]4.toLowerCase()方法toLowerCase()方法把字符串轉換為小寫,toUpperCase()將把字符串轉換為大寫；"JavaScript".toLowerCase();//結果為javascript"JavaScript".toUpperCase();//結果為JAVASCRIPT5.字符串的連接方法可以通過兩種方法進行鏈接，分別是通過"+"運算符及concat方法。(1)加法運算：直接使用"+"進行字符串連接。例：vararr1="abc";vararr2="def";varnewarr=arr1+arr2;//字符串為"abcdef"。(2)concat方法：其語法如下。字符串.concat(參數1,參數2,...)通過其語法可知，concat()方法可以有多個參數進行多個字符串的連接。例：vararr1="abc";vararr2="def";vararr3="ghi";vararr4="jkl";varnewarr=arr1.concat(arr2,arr3,arr4);//newarr為"abcdefghijkl"6.字符串的轉換方法在JavaScript中，把一個值轉換為字符串對象值調用toString()方法。這個方法唯一要做的就是返回相應的值的字符串。數值、布爾值、對象和字符串值都有toString()方法，但是null和undefined沒有toString()方法。多數情況下，調用toString()方法不必傳遞參數?；菊Z法如下。obj.toString(); 6.1.4數組與字符串的相互轉換arr2.join(‘-’)//數組中元素連接成字符串Str.split(‘-’);//字符串中字符按照’-’分割成數組6.2JavaScript字符串綜合練習6.2.1任務將一段英文文本的每個單詞首字母變?yōu)榇髮懽帜?.2.2任務分析這是一個字符串方法分割、查找和字符轉化方法的應用，實現(xiàn)的思路將字符串分成獨立的單詞，然后將每個單詞的首字符檢索到，最后將找到的字符轉化為大寫字符，放回原單詞中。(1).初始化一個字符串；(2).字符串以空格為標記分隔為數組；(3).將數組中每個元素的首字母變?yōu)榇髮懽帜福?4).所有數組元素組合為字符串。6.2.3知識點（1）字符串初始化；（2）字符串與數組轉化；（3）字符串的編輯。6.2.4實現(xiàn)代碼示例<script> varstr="ilovechinaverymuch";//定義string vararr1=str.split("");//空格為標記分隔字符串返回數組arr1 for(xinarr1)//獲取所有元素逐個修改首字母 { arr1[x]=arr1[x].charAt(0).toUpperCase()+arr1[x].slice(1); } str=arr1.join("");//重新組合為字符串 console.log(str);</script>步驟三課堂小結1．字符串的截取2．字符串的編輯重點理解字符串與數組的對比步驟四作業(yè)問題引入第1題（2）課后作業(yè)1.將一個字符串中字符順序前后倒置。