js字符串、正则表达式全面解析

  • 2
  • 34 views
  • A+
所属分类:JS、JQuery 编程技术

字符串的生成转换

你可以将任何类型的数据都转换为字符串,你可以用下面三种方法的任何一种:

1
2
3
4
var num= 19;                    // 19
var myStr = num.toString();     // "19"
var myStr = String(num);        // "19"
var myStr = "" +num;            // "19"

 

字符串转化为其他类型

js提供了parseInt()和parseFloat()两个转换函数,Number也可以实现转化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
parseInt("1234blue");   //returns 1234 
parseInt("0xA");        //returns 10 
parseInt("22.5");       //returns 22 
parseInt("blue");       //returns NaN
parseInt("10", 2);      //returns 2 
parseInt("10", 8);      //returns 8 
parseInt("10", 10);     //returns 10
parseInt("AF", 16);     //returns 175 
parseFloat("1234blue"); //returns 1234.0 
parseFloat("0xA");      //returns NaN 
parseFloat("22.5");     //returns 22.5 
parseFloat("22.34.5");  //returns 22.34 
parseFloat("0908");     //returns 908 
parseFloat("blue");     //returns NaN
Number(false)           //0 
Number(true)            //1 
Number(undefined)       //NaN 
Number(null)            //0 
Number( "5.5 ")         //5.5 
Number( "56 ")          //56 
Number( "5.6.7 ")       //NaN 
Number(new Object())    //NaN 
Number(100)             //100

 

 

字符的操作

1
2
3
var myStr = "I,love,you,Do,you,love,me";
var theChar = str.charAt(8);                //获取指定索引上的字符o
var theCharcode = myStr.charCodeAt(8);      //获取指定索引上的字符编码

 

 

字符串增删查改

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//替换
name = " Muaneng Tuanpeng ".trim();             //trim()删除字符串前后空格
name =name.replace("eng","ing");                //replace替换第一个eng成ing。
name =name.replace(/eng/g,"ing");               //replace接收正则表达式,/g替换全部。
 
//查询
var beginindex=name.indexOf("t",name.length-10);//indexOf和lastindexOf查询子字符串的位置,第二个参数表示从哪个索引开始向对面搜索。length函数表示取字符串的长度。未查询到时返回-1。
var endindex = name.lastIndexOf("g",0);
 
//截取
var subStr = name.slice(1,5);                   //读取子字符串,起始下标(包含),结束下标(不包含)
name1 = name.substring(beginindex,endindex);    //slice、substring参数为首尾下标,substr为起点下标和长度。都不改变源字符串。
name1 = name.substr(-4);                        //传入负值时,slice将负值加上字符串长度,substr将第一个负值加上字符串长度,第二个负值转为0,substring将负值都转为0
 
//拼接
name1 = name+"Yes"+1;                           //使用+号拼接字符串和数据成一个新的字符串
name1 = name.concat("yes");                     //也可以使用concat函数拼接字符串
 
//大小写转换
var lowCaseStr = name.toLowerCase();            //全部转换为小写
var upCaseStr = name.toUpperCase();             //全部转化为大写

 

 

字符串比较

比较两个字符串,比较是规则是按照字母表顺序比较的

1
2
3
4
5
var myStr = "chicken";
var myStrTwo = "egg";
var first = myStr.localeCompare(myStrTwo);      // -1,表示小于
first = myStr.localeCompare("chicken");         // 0,表示等于
first = myStr.localeCompare("apple");           // 1,表示大于

 

字符串分割

1
2
3
<var myStr = "I,Love,You,Do,you,love,me";
var substrArray = myStr .split(",");            // ["I", "Love", "You", "Do", "you", "love", "me"];
var arrayLimited = myStr .split(",", 3)[0];     // split()的第二个参数,表示返回的字符串数组的最大长度。这里取["I", "Love", "You"]数组的第一个元素,即"I";

 

正则法则

正则表达式 = /pattern/flags 其中flags中g表示匹配全部,i表示不区分大小写,m表示匹配多行。

pattern包含 ([{\^$|)?*+.]}元字符,若匹配的字符串中包含元字符,使用\转义。

1
2
3
4
5
6
7
8
9
10
11
var patter1 = /(.)u/gi;                 //正则表达式,标志没有,可为空,也可以使用var patter1 = new RegExp("pattern","flags"),使用new是创建对象
if(patter1.test(name)){                 //test查找符合要求的子串是否存在,返回true
    RegExp.input;               //原始字符串
    RegExp.leftContext;         //捕捉到的位置的左边字符串
    RegExp.rightContext;        //捕捉到的位置的右边字符串
    RegExp.lastMatch;           //返回最近一次与整个正则表达式匹配的字符串 mu
    RegExp.lastParen;           //返回最近一次捕捉的字符
    patter1.global;             //返回正则是否包含全局标志g
}
var matches = patter1.exec(name);       
//查找符合要求的子串。matches.index表示查找到的起始下标,matches.input表示输入字符串。patter1.lastIndex表示查找到的结束下标,matches[0]表示查找到的第一个匹配项,若匹配项为全局模式,则每次调用返回下一个匹配项。

正则表达式字符

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
\ 做为转义,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 
-或- 
对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。 
 
^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a" 
$ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A" 
* 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa 
+ 匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa 
? 匹配前面元字符0次或1次,/ba*/将匹配b,ba 
(x) 匹配x保存x在名为$1...$9的变量中 
x|y 匹配x或y 
{n} 精确匹配n次 
{n,} 匹配n次以上 
{n,m} 匹配n-m次 
[xyz] 字符集(character set),匹配这个集合中的任一一个字符(或元字符) 
[^xyz] 不匹配这个集合中的任何一个字符 
[\b] 匹配一个退格符 
\b 匹配一个单词的边界 
\B 匹配一个单词的非边界 
\cX 这儿,X是一个控制符,/\cM/匹配Ctrl-M 
\d 匹配一个字数字符,/\d/ = /[0-9]/ 
\D 匹配一个非字数字符,/\D/ = /[^0-9]/ 
\n 匹配一个换行符 
\r 匹配一个回车符 
\s 匹配一个空白字符,包括\n,\r,\f,\t,\v\S 匹配一个非空白字符,等于/[^\n\f\r\t\v]/ 
\t 匹配一个制表符 
\v 匹配一个重直制表符 
\w 匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配"$5.98"中的5,等于[a-zA-Z0-9] 
\W 匹配一个不可以组成单词的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。

字符串原型

通过修改字符串的原型,可以为所有字符串添加公共函数。

1
2
3
4
String.prototype.startwith = function(text){    //设置字符串引用的原型,为String类型变量添加方法
    return this.indexOf(text)==0;
};
var begin = name.startwith("mu");               //调用原型方法

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  2   博主  0

    • avatar 小猴子 4

      666牛逼

      • avatar 小猴子 4

        好像很厉害的样子