JavaScript字符串处理.ppt

《JavaScript字符串处理.ppt》由会员分享，可在线阅读，更多相关《JavaScript字符串处理.ppt（45页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第5章字符串处理 字符串处理应用示例5.2 JavaScript字符串处理函数5.1 字字符符串串是是字字符符的的序序列列，是是组组织织字字符符的的基基本本数数据据结结构构，字字符符串串处处理理对对于于绝绝大大多多数数程程序序来来说说都都是是非常重要的。非常重要的。在在JavaScript中中字字符符串串几几乎乎无无处处不不在在，字字符符串串的的访访问问、查查找找、处处理理是是JavaScript编编程程中中经经常常需需要要面临的问题。面临的问题。JavaScript中中的的字字符符串串处处理理分分为为两两类类：一一类类是是基基本本的的字字符符串串处处理理函函数数，主主要要通通过过String

2、对对象象的的方方法法完完成成；另另一一类类则则是是通通过过正正则则表表达达式式进进行行相相关关的的字字符符串串处处理理，String对对象象和和第第4章章介介绍绍的的RegExp对对象象都都提提供供了了相相应应的的方方法法进进行行正正则则表表达达式式的的匹匹配配和和替换。替换。5.1 JavaScript字符串处理函数5.1.1 访问字符串访问字符串 JavaScript中提供的访问字符串的属性中提供的访问字符串的属性和方法包括和方法包括length，()，toString()，valueOf()，charAt()和和charCodeAt()。以下给出了这些属性和方法的说明和用以下给出了这些属

3、性和方法的说明和用法。法。1length属性属性Length属性返回字符串的长度。属性返回字符串的长度。用法：用法：2fromCharCode方法方法fromCharCode方方法法根根据据一一串串Unicode编编码码，返回相应的字符串。返回相应的字符串。用法：用法：String.fromCharCode(code1,code2,.)3toString方法方法toString方法返回字符串的值。方法返回字符串的值。用法：用法：()4valueOf方法方法valueOf方方法法返返回回字字符符串串的的值值（与与toString方方法相同）。法相同）。用法：用法：()5charAt方法方法cha

4、rAt方方法法返返回回字字符符串串中中指指定定位位置置处处的的字字符。符。用法：用法：strObj.charAt(index)6charCodeAt方法方法charCodeAt方方法法返返回回字字符符串串中中指指定定位位置置处处字符的字符的Unicode编码。编码。用法：用法：strObj.charCodeAt(index)5.1.2 查找字符串查找字符串 使使用用indexOf和和lastIndexOf方方法法，我我们们可可以以在在字字符符串串中中查查找找指指定定字字符符串串的的位位置置，以下是它们的用法说明和示例。以下是它们的用法说明和示例。1indexOf方法方法 indexOf方方法法

5、在在字字符符串串中中顺顺序序查查找找子子字字符符串串，返回第一次出现子字符串的位置。返回第一次出现子字符串的位置。用法：用法：strobj.indexOf(substring,startindex)2lastIndexOf方法方法lastIndexOf方方法法在在字字符符串串中中倒倒序序查查找找子子字字符串，返回第一次出现子字符串的位置。符串，返回第一次出现子字符串的位置。用法：用法：strobj.lastIndexOf(substring,startindex)5.1.3 比较字符串比较字符串 比比较较字字符符串串主主要要采采用用localeCompare方方法法。localeCompare

6、方方法法将将字字符符串串与与另另一一个个字符串比较，返回比较结果。字符串比较，返回比较结果。当当字字符符串串小小于于目目标标字字符符串串时时，返返回回一一个个负负数数；当当字字符符串串大大于于目目标标字字符符串串时时，返返回回一个正数；两者相等时，返回零。一个正数；两者相等时，返回零。用法：用法：strobj.localeCompare(strobj2)5.1.4 修改字符串修改字符串 修修改改字字符符串串的的目目的的是是为为了了得得到到新新的的字字符符串串，具具体体操操作作有有连连接接已已有有字字符符串串、从从已已有有字字符符串串中中截截取取一一部部分分和和将将已已有有字字符符串串进进行行大

7、大小小写写的的转转换换，相相关关的的方方法法包包括括concat()，slice()，substring()，toLowerCase()，toLocaleLowerCase()，toUpperCase()和和toLocaleUpperCase()。1concat方法方法concat方法用来连接两个或者多个字符串。方法用来连接两个或者多个字符串。用用 法法：strobj.concat(string1,string2,string3,.)2slice方法方法Slice方法返回字符串的片段。方法返回字符串的片段。用法：用法：strobj.slice(start,end)3substring方法方法S

8、ubstring方法返回字符串的片段。方法返回字符串的片段。用法：用法：strobj.split(start,end)4toLowerCase方法方法toLowerCase方法返回字符串的小写形式。方法返回字符串的小写形式。用法：用法：()5toLocaleLowerCase方法方法toLocaleLowerCase方方法法将将根根据据宿宿主主环环境境的的区域设置，返回字符串的小写形式。区域设置，返回字符串的小写形式。用法：用法：()6toUpperCase方法方法toUpperCase方法返回字符串的大写形式。方法返回字符串的大写形式。用法：用法：()7toLocaleUpperCase方法

9、方法toLocaleUpperCase方方法法根根据据宿宿主主环环境境的的区区域设置，返回字符串的大写形式。域设置，返回字符串的大写形式。用法：用法：()5.1.5 正则表达式匹配与替换正则表达式匹配与替换1match方法方法match方方法法使使用用正正则则表表达达式式对对字字符符串串进进行行匹匹配配查查找找，并并将将查查找找到到的的结结果果以以数数组组的的形形式式返回。返回。用法：用法：strobj.match(regExp)（1）正则表达式没有设置全局查找标）正则表达式没有设置全局查找标志（志（g），且不含子模式），且不含子模式（2）正则表达式没有设置全局查找标）正则表达式没有设置全局查

10、找标志（志（g），且包含子模式），且包含子模式（3）正则表达式设置了全局查找标志）正则表达式设置了全局查找标志（g）2replace方法方法replace方法使用正则表达式的方式对字符串进行替方法使用正则表达式的方式对字符串进行替换。换。用法：用法：strobj.replace(regExp,replaceText)replaceText参数有参数有3种可能的情况。种可能的情况。（1）replaceText是普通文本是普通文本（2）replaceText是匹配变量是匹配变量（3）replaceText是一个函数是一个函数【例例5-1】使使用用replace方方法法实实现现字字符符串串的的截截断

11、断【例【例5-2】截断指定字符截断指定字符3search方法方法search方方法法在在字字符符串串中中按按正正则则表表达达式式进进行行查查找找，返返回回符符合合模模式式的的子子字字符符串串的的首首字字符符位位置。置。用法：用法：strobj.search(regExp)4split方法方法split方方法法将将字字符符串串分分割割为为子子字字符符串串，并并返返回回由这些子字符串组成的数组。由这些子字符串组成的数组。用法：用法：strobj.split(delimiter,limit)5.2 字符串处理应用示例5.2.1 计算字符串长度计算字符串长度 通通常常情情况况下下，在在JavaScri

12、pt中中获获取取字字符符串串的的长长度度大大多多使使用用String对对象象的的length属属性性，但是涉及中文字符，问题就出现了。但是涉及中文字符，问题就出现了。例例如如，字字符符串串“大大家家好好”，使使用用length属属性性将将会会返返回回6，是是字字符符串串的的字字节节长长度度，而而通常希望得到的长度是其真实的长度通常希望得到的长度是其真实的长度3。要要解解决决这这个个长长度度计计算算问问题题，其其基基本本思思路路是是这这样样的的：首首先先使使用用正正则则表表达达式式将将字字符符串串的的中中文文字字符符替替换换为为普普通通的的字字母母或或者者其其他他普通字符，然后再计算长度。普通字

13、符，然后再计算长度。汉汉字字对对应应的的Unicode编编码码是是在在一一定定范范围围内内的的，因因此此匹匹配配中中文文字字符符的的正正则则表表达达式式是是：u4e00-u9fa5，计计算算字字符符串串实实际际长长度度的的函函数如例数如例5-3所示。所示。【例【例5-3】获取字符串长度获取字符串长度【例【例5-4】获取字符串长度获取字符串长度 5.2.2 字符串验证字符串验证 在在JavaScript中中进进行行字字符符串串格格式式验验证证的的最最佳佳方方法法是是使使用用正正则则表表达达式式，调调用用正正则则表表达达式式对对象象的的test方方法法即即可可进进行行字字符符串串的的验验证证。例例

14、如如验验证证字字符符串串是是否否符符合合“4位位数数字字-8位位数数字字”的的格格式式，可可以以通通过过如如下下的的JavaScript代代码实现：码实现：var str=1234-12345678;var re=/d4-d8$/;alert(re.test(str);/输出输出true表5-1常用正则表达式验 证 类 型正则表达式电子邮件w+(-+.w+)*w+(-.w+)*.w+(-.w+)*URLa-zA-z+:/(w+(-w+)*)(.(w+(-w+)*)*(?S*)?日期(19)1|(20)1)d2)|d2)011d10-31d1匹配格式如：20070416,070416，范围190

15、02099年验 证 类 型正则表达式中国邮政编码1-9d5(?!d)国内电话号码d3-d8|d4-d7手机号码+0,1(d)1,3?(-?(d)|)1,12)+$ISBN号码d-d5-d3-d身份证号d15|d170-9*信用卡号VISA：(?:(?:4)(?:d12|d15)$Master：51-5d2s-?d4s-?d4s-?d4$IP地址d+.d+.d+.d+QQ号码1-90-94,非负整数d+$正整数0-9*1-90-9*$非正整数(-d+)|(0+)$负整数-0-9*1-90-9*$非负浮点数d+(.d+)?$正浮点数(0-9+.0-9*1-90-9*)|(0-9*1-90-9*.0

16、-9+)|(0-9*1-90-9*)$非正浮点数(-d+(.d+)?)|(0+(.0+)?)$负浮点数(-(0-9+.0-9*1-90-9*)|(0-9*1-90-9*.0-9+)|(0-9*1-90-9*)$浮点数(-?d+)(.d+)?$文件名/目录名/*?|:5.2.3 字符串填充字符串填充 字字符符串串填填充充，是是指指将将字字符符串串用用指指定定的的字符填充到一定长度。字符填充到一定长度。常常见见的的应应用用场场景景：填填写写某某些些编编码码时时要要求求输输出出固固定定长长度度的的编编码码，例例如如原原始始字字符符串串为为“111”，用用字字符符“0”填填充充到到8位位长长度度，结结

17、果为果为“00000111”。填填充充字字符符串串的的函函数数应应该该支支持持从从字字符符串串开开始始位位置置和和结结束束位位置置填填充充两两种种方方式式，实实现现代码如例代码如例5-5所示。所示。【例【例5-5】字符串填充函数字符串填充函数【例【例5-6】改进后的字符串填充函数改进后的字符串填充函数 5.2.4 字符串连接字符串连接 字字符符串串连连接接是是最最常常见见的的字字符符串串操操作作之之一一，应用最多的应该就是应用最多的应该就是“+=”操作符了。操作符了。对对于于规规模模较较小小的的字字符符串串连连接接操操作作而而言言，因因为为不不需需要要过过多多地地考考虑虑效效率率问问题题，使使

18、用用“+=”操操作作符符没没有有什什么么不不妥妥，但但是是如如果果遇遇到到大大量量的的字字符符串串连连接接操操作作，直直接接使使用用“+=”操作符并不一定是最优的方法。操作符并不一定是最优的方法。除了使用除了使用“+=”操作符进行字符串连操作符进行字符串连接之外，在接之外，在JavaScript中还可以使用中还可以使用Array对象的对象的join方法实现字符串的连接。方法实现字符串的连接。使用使用Array对象连接字符串的步骤是：对象连接字符串的步骤是：首先创建一个空的首先创建一个空的Array对象，然后将字符对象，然后将字符串依次插入到串依次插入到Array对象中，最后调用对象中，最后调用

19、join方法得到连接后的字符串。方法得到连接后的字符串。【例【例5-7】JavaScript中的中的StringBuffer类类【例【例5-8】StringBuffer类测试代码类测试代码 5.2.5 首字母大写首字母大写 所所谓谓首首字字母母大大写写，是是指指将将字字符符串串中中的的第第一个单词或者所有单词的首字母大写。一个单词或者所有单词的首字母大写。其其实实现现思思路路：使使用用正正则则表表达达式式匹匹配配第第一一个个单单词词或或者者所所有有单单词词，将将匹匹配配到到的的单单词词首首字母大写，如例字母大写，如例5-9所示。所示。【例【例5-9】首字母大写函数首字母大写函数5.2.6 屏蔽

20、非法用词屏蔽非法用词 屏屏蔽蔽非非法法用用词词，是是指指将将字字符符串串中中非非法法用词用用词用“*”号代替。号代替。其其实实现现思思路路：使使用用正正则则表表达达式式匹匹配配所所有有非非法法用用词词，将将非非法法用用词词中中的的每每个个字字符符用用“*”号代替，如例号代替，如例5-10所示。所示。【例【例5-10】屏蔽非法函数屏蔽非法函数5.2.7 删除删除HTML标签标签 删删除除HTML标标签签，是是指指删删除除字字符符串串中中的的所有所有HTML标签。标签。其其实实现现思思路路：使使用用正正则则表表达达式式匹匹配配所所有有的的HTML标标签签，将将它它们们替替换换为为空空字字符符串串，如例如例5-11所示。所示。【例【例5-11】删除删除HTML标签标签小 结 本本章章对对JavaScript中中的的字字符符串串处处理理函函数数进进行行了了介介绍绍，并并且且结结合合实实际际应应用用场场景景给给出出了多个实用的字符串处理函数。了多个实用的字符串处理函数。对对于于任任何何编编程程语语言言而而言言，字字符符串串处处理理都都是是必必备备的的基基本本功功能能，所所以以希希望望读读者者能能够够熟练掌握本章内容。熟练掌握本章内容。