HTML5教案第20講 JavaScript字符串

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