正则表达式基础知识总结

Posted 2020-10-12

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了正则表达式基础知识总结相关的知识，希望对你有一定的参考价值。

这篇随笔分四个模块和大家分享：

一、这次将数组创建表格形象化，希望下面的代码能解开你的疑惑（数组怎样能创建表格？数组嵌套后不一定是行列显示，如果数组的长度变短，在控制台就会显示在一行，也不能体现出表格的样式？）。

二、继上次引用类型Date类型知识点的总结，这次将Date的获取当前指定格式时间做了一些补充，解决get月、日、时、分、秒时必须显示两位数的问题，如9月显示09，9点显示09。

三、正则表达式的基础知识点总结

四、Sting对象提供的各种方法总结

利用数组创建表格

<style>

span{

display: inline-block;

width: 140px;

border: 1px solid #f0f0f0;

}

</style>

var arr = [[‘第‘,‘第‘,‘第‘],[‘第‘,‘第‘,‘第‘],[‘第‘,‘第地‘,‘第士‘]];

for(var i in arr ){

for(var j in arr[i] ){

document.write( "<span>"+arr[i][j]+"</span>" )

}

document.write("<br>")

}

</script>

html页面 - chrome - 运行效果图如下：

技术分享

获取指定格式的当前时间

//TODO 指定格式输出当前时间 - YYYY年MM月DD日 hh:mm:ss

var d1 = new Date ();

console.log(d1.getFullYear() + ‘年‘ + (d1.getMonth()+1) + ‘月‘ + d1.getDate() + ‘日‘ + d1.getHours() + ‘:‘ + d1.getMinutes() +‘:‘ + d1.getSeconds());

//TODO 指定格式输出当前时间 - yyyy-mm-dd hh：mm：ss

function getCurrentTime() {

var date = new Date();

var month = zeroFill(date.getMonth()+1);

var day = zeroFill(date.getDate());

var hour = zeroFill(date.getHours());

var minutes = zeroFill(date.getMinutes());

var seconds = zeroFill(date.getSeconds());

var curTime = date.getFullYear() + ‘-‘ + month + ‘-‘ + day + ‘ ‘ + hour +‘:‘+minutes + ‘:‘+seconds;

return curTime;

}

function zeroFill(i) {

if (i >= 0 && i <= 9){

return ‘0‘+i;

}else {

return i;

}

console.log(getCurrentTime());

//TODO 指定格式输出当前时间 – yyyy-mm-dd

var d1 = new Date();

var time = d1.getFullYear() + ‘-‘ + (d1.getMonth()+1) + ‘-‘ + d1.getDate() + ‘ ‘ + d1.getHours() + ‘:‘ + d1.getMinutes() + ‘:‘ + d1.getSeconds();

</script>

</head>

<body>

</form>

</body>

// TODO 正则表达式的定义

方式

语法结构

举例

1.字面量方式定义

/正则表达式的规则/修饰符

var reg1 = //;正则表达式的语法结构不允许定义空正则表达式

var reg2 = /123/;

2.构造函数方式

new RegExp(pattern,attributes)

pattern – 表示正则表法式的规则

attributes - 表示修饰符

var reg3 = new RegExp(/^[123]$/);

//TODO 与数组情况类似
console.log(typeof reg3); //TODO 返回object
console.log(reg3 instanceof RegExp); //TODO TRUE

// TODO 正则表达式的应用 - 验证

//TODO 正则表达式的规则

规则	释义
1.[]	表示匹配内容的集合 - 只要匹配当前集合中任意一个字符即可
2.^	表示匹配开始的位置（以什么开始）
3.$	表示匹配结束的位置（以什么结束）
4.{n,m} * n – 重复次数下限 * m - 重复次数上限	表示匹配内容重复次数
5. 要匹配的数字和字母数字小写字母大写字母数字字母下划线	0-9 或 \\d a-z A-Z 0-9a-zA-Z_ 或 \\w
特殊举例说明
举例	说明
var reg4 = /^[1Af]$/;	/ TODO 以什么开始，以什么结束 - 表示以指定集合中任意一个字符开始，并且结束，同一字符，数量一样 // TODO 也就是字符串只能为 ‘1‘或 ‘A‘或‘f‘
var reg4 = /[1]{1,2}/;	//TODO 出现1，至少出现1次，最多出现2次，只要出现1就返回true，后面不再查找
var reg4 = /^[a12]{1,2}/;	// TODO 以集合中任意字符开始，至少出现1次，最多出现2次，只要出现1就返回true，后面不再查找
var reg4 = /^[a12]{1,2}$/;	// TODO 必须以a12集合任意字符开始和结束，字符长度为2 - 字符串为a1 ->true ;字符串为a12 ->false

//TODO 正则表达式的修饰符

g - 全局检索

i - 不区分大小写检索

m – 多行搜索

console.log(str2.match(/124/g)); //返回 [ ‘124‘, ‘124‘ ]

// TODO 正则表达式g修饰符表示全局搜索，返回一个或多个与正则表达式匹配的值

var data = ‘Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft‘;

console.log( data.replace(/microsoft/ig, ‘oracle‘) );

//返回 oracle is a big Company, oracle’s color is red and has oracle logo like oracle

//TODO 将所有的 microsoft不区分大小写的进行替换

var st = ‘this‘ +

‘ is ‘ +

‘string‘;

// TODO 将字符串换行，默认显示成字符串的拼接，所以借助\\n进行转义换行，此时m多行搜索可以起到作用

var sr =‘12s\\n3sa\\nAsd‘;

console.log(sr.match(/s/gm)); //TODO [ ‘s‘, ‘s‘, ‘s‘ ]

//TODO 正则表达式练习

// TODO 必须是数字，并且长度在3~5之间

var reg5 = /^[0-9]{3,5}$/;

//TODO 必须是数字、字母，并且长度在6~12之间

var reg6 = /^[0-9a-zA-Z]{6,12}$/; 或

var reg7 = /^\\w{6,12}$/;

// TODO [^...] -> 匹配一个反向字符集

var reg8 = /[^123]/;

console.log(reg8.test(‘123‘)); //TODO false

//TODO 字符串对象的方法

方法	作用	参数	返回值	举例
search(regexp)方法：	检索字符串中是否包含指定内容	string -指定检索的文本内容 regexp -指定检索正则表达式的文本内容	1.如果包含返回匹配的第一个字母所在位置 2.如果不包含返回-1	console.log(str2.search(‘124‘)); // TODO 0 console.log(str2.search(/10/)); // TODO -1
match()方法：	指定字符串匹配指定文本内容	string -指定检索的文本内容 regexp -指定检索正则表达式的文本内容	1.匹配的内容； 2.匹配内容第一个的索引值（位置）； 3.当前的字符串	console.log(str2.match(‘124‘)); //TODO [ ‘124‘, index: 0, input: ‘1245678asd124‘ ] - 索引数组，关联数组
replace（regexp，replacement）方法：	使用指定内容替代查找的正则表达式匹配的内容	regexp – 用于匹配当前字符串中符合正则表达式规则的内容 replacement - 用于替代正则表达式匹配的内容	替换之后的结果注意：此次替换不影响原字符串的内容	console.log(str2.replace(/124/g,‘what‘));//TODO what5678asdwhat

// TODO 字符串的属性

var str3 = new String(‘this is string‘);

console.log(str3.length); //TODO 14 包含两个空格

// TODO 字符串的遍历循环

for (var i = 0; i < str3.length; i++){

console.log(str3[i]); // TODO 遍历时空格也输出

}

// TODO 字符串与数组的关系

console.log(str3 instanceof String);

console.log(str3 instanceof Array); //false

// TODO String对象提供的方法

类型	方法	释义	举例
获取位置方法	charAt(index)方法	返回指定位置的字符串	var str4 = ‘[email protected]@sohu.com‘; console.log(str4.charAt(3)); @
获取位置方法	charCodeAt()	返回指定位置字符的Unicode编码	console.log(str4.charCodeAt(0)); 116
检索字符串	indexOf(value，startIndex)	从前往后检索 value -> string 要搜索的字符串； startIndex -> number 指定索引的开始索引包含开始（可选）	console.log(str4.indexOf(‘@‘)); //TODO 3 console.log(str4.indexOf(‘@‘,6));// TODO 7
检索字符串	lastIndexOf(value，startIndex)	从后往前检索 value -> string 要搜索的字符串； startIndex -> number 指定索引的开始索引包含开始（可选）	console.log(str4.lastIndexOf(‘@‘));//TODO 7 console.log( str4.indexOf(‘Mary‘)); //TODO -1
截取子字符串	slice(start,end可选)	截取指定开始位置与结束位置间的字符 1.end不写默认开始到最后；start和end可为负数,不包含end	console.log(str4.slice(2,4));//TODO [email protected] console.log(str4.slice(-3,-1));//TODO co
	substr（start，length可选）	截取指定位置开始指定长度的字符 1.length超出字符串长度默认到最后；2.length不写默认开始到最后	console.log(str4.substr(2,2));//TODO [email protected]
	substring (start，end)	start和end不能为负整数，相比slice常用	console.log(str4.substring(2,4));//TODO [email protected]
分割字符串	split（separator,limit可选）	将字符串用分隔符分割成字符串数组参数- separator：字符串或正则表达式，从指定位置分割,不包含separator； limit：值为number，返回数组的最大长度	var str5 = ‘13 2 3 43 5‘; console.log(str5.split(‘ ‘));//[ ‘13‘, ‘2‘, ‘3‘, ‘43‘, ‘5‘ ] console.log(str5.split(‘ ‘,3));//[ ‘13‘, ‘2‘, ‘3‘ ] console.log(str5.split(‘3‘));// 不包含3 [ ‘1‘, ‘ 2 ‘, ‘ 4‘, ‘ 5‘ ] console.log(str5); //TODO split（）不改变原字符串内容
大小写转换	toUpperCase（）	将字符串转换成全大写	console.log(msg.toUpperCase()); //TODO HELLO WORLD
大小写转换	toLowerCase（）	将字符串转换成全小写	console.log(msg.toLowerCase());// TODO hello world