HTML5教案第20讲 JavaScript字符串

web前端开发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()方法，可以根据参数字符串，返回值为字符串检索中指定字符第一次出现的位置和最后一次出现的位置。"JavaScript".indexOf("a");//返回字符串中检索指定字符第一次出现的"a"位置"JavaScript".lastIndexOf("a");//返回字符串中检索指定字符最后一次出现的"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：指返回的数组的最大长度。可选参数，如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长。"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()方法不必传递参数。基本语法如下。obj.toString(); 6.1.4数组与字符串的相互转换arr2.join(‘-’)//数组中元素连接成字符串Str.split(‘-’);//字符串中字符按照’-’分割成数组6.2JavaScript字符串综合练习6.2.1任务将一段英文文本的每个单词首字母变为大写字母6.2.2任务分析这是一个字符串方法分割、查找和字符转化方法的应用，实现的思路将字符串分成独立的单词，然后将每个单词的首字符检索到，最后将找到的字符转化为大写字符，放回原单词中。(1).初始化一个字符串；(2).字符串以空格为标记分隔为数组；(3).将数组中每个元素的首字母变为大写字母；(4).所有数组元素组合为字符串。6.2.3知识点（1）字符串初始化；（2）字符串与数组转化；（3）字符串的编辑。6.2.4实现代码示例<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．字符串的编辑重点理解字符串与数组的对比步骤四作业问题引入第1题（2）课后作业1.将一个字符串中字符顺序前后倒置。