企业网站主要有哪四种类型jupiter wordpress

当前位置： 首页 > news >正文

企业网站主要有哪四种类型,jupiter wordpress,wordpress 改地址,ac域名的网站有啥不同详见MDN 正则表达式(RegExp) 正则表达式不是JS独有的内容#xff0c;大部分语言都支持正则表达式 JS中正则表达式使用得不是那么多#xff0c;我们可以尽量避免使用正则表达式 在JS中#xff0c;正则表达式就是RegExp对象#xff0c;RegExp 对象用于将文本与一个模式匹配 正… 详见MDN 正则表达式(RegExp) 正则表达式不是JS独有的内容大部分语言都支持正则表达式 JS中正则表达式使用得不是那么多我们可以尽量避免使用正则表达式 在JS中正则表达式就是RegExp对象RegExp 对象用于将文本与一个模式匹配 正则表达式(regular expressions, 规则表达式) 正则表达式用来定义字符串匹配的规则通过这个规则计算机可以检查一个字符串是否符合规则或者将字符串中符合规则的内容提取出来正则表达式也是JS中的一个对象所以要使用正则表达式需要先创建正则表达式的对象 创建正则表达式 // 通过构造函数创建正则表达式RegExp() 可以接收两个参数(字符串) 1.正则表达式 2.匹配模式 let reg new RegExp(a, i)//以不区分大小写的方式匹配含a的字符串i表示忽略大小写(ignore的首字母) //或 // 使用字面量创建正则表达式/正则表达式/匹配模式 let reg /a/i 注意以构造函数创建正则表达式构造函数里面的字符串转换成正则表达式字面量的过程也有一个转义的过程 let reg new RegExp(\w)//相当于reg /w/ let reg new RegExp(\w)//相当于reg /\w/ 用RegExp对象的实例方法test()检测字符串是否匹配正则表达式 let reg new RegExp(a) let str a let result reg.test(str) // true result reg.test(b) // false result reg.test(abc) // true result reg.test(bcabc) // true 方法 参考李立超exec方法讲解 正则表达式.test(字符串)判断字符串是否匹配正则表达式返回布尔值正则表达式.exec(字符串): 提取字符串里匹配正则表达式的部分返回一个数组arrayarray[0]为匹配的字符串部分array[1]为正则表达式的第1个分组array[2]为正则表达式的第2个分组以此类推 例提取出str中符合axc格式的内容即字符串开头时a末尾是c中间为任意字母 // 提取出str中符合axc格式的内容 let str abcaecafcacc // g表示全局匹配//[a-z]c是分组1[a-z]是分组2 let re /a(([a-z])c)/ig // JS没有规定表示匹配模式的字母的书写顺序 let result re.exec(str) //每执行一次返回一个数组 console.log(result)// 如果想输出匹配到的所有字符串可以像如下这样循环遍历最后匹配结束时会返回null给result循环结束while(result){console.log(result[0], result[1], result[2])result re.exec(str)} 语法 匹配模式 i: 不区分字母大小写 g: 全局模式匹配如果不写这个用exec()方法提取匹配的字符串默认是只提取匹配的第一个 正则表达式中的特殊字符 1.在正则表达式中大部分字符都可以直接写 2.| 在正则表达式中表示或它是整体的或 3.[] 表示或(字符集)[a-z] 任意的小写字母[A-Z] 任意的大写字母[a-zA-Z] 任意的字母[0-9]任意数字 4.[^] 表示除了[^x] 除了x其他字符都可以 5. . 表示除了换行外的任意字符 6. 在正则表达式中使用\作为转义字符 7. 其他的字符集 \w 任意的单词字符(就是单词中会出现的字符) [A-Za-z0-9] \W 除了单词字符 [^A-Za-z0-9] \d 任意数字 [0-9] \D 除了数字 [^0-9] \s 空格 \S 除了空格 \b 单词边界 \B 除了单词边界 8. 开头和结尾^ 表示字符串的开头\( 表示字符串的结尾/^字符串\)/表示完全匹配该字符串 9. 量词 {m} m个 {m,} 至少m个 {m,n} m-n个 一个及以上相当于{1,} * 0个及以上, 即任意数量的a ? 0-1个即有或没有相当于{0,1} let re /abc|bcd/ // |是整体的或, 表示abc或bcd re /[ab]/ // 表示a或b re /[A-Za-z][A-Z]/ //只是第1处忽略大小写 re /[a-z]/i // 匹配模式i表示忽略大小写这样写就是整个正则表达式忽略大小写 re /[^a-z]/ // 匹配除小写字母以外内容的字符串 console.log(re.test(aH))// ture, 因为aH包含除小写字母以外的字符 re /./ console.log(re.test(\n)) // false console.log(re.test(\r)) //false re /./ //匹配含.的字符串 re /^a/ // 开始位置是a console.log(re.test(a)) //true console.log(re.test(ab)) //true console.log(re.test(ba)) //false re /a\(/ // 结束位置是a console.log(re.test(a)) //true console.log(re.test(ab)) //false console.log(re.test(ba)) //true re /^a\)/ // 只匹配字母a完全匹配要求字符串必须和正则表达式完全一致 console.log(re.test(aa)) //false console.log(re.test(a)) //true re /^abc\(/ console.log(re.test(abcabc)) //false console.log(re.test(abc)) //truelet re /ab{3}/ // 相当于/abbb/ re /(ab){3}/ // 相当于/ababab/, 如果需要整体重复就要在这个整体上加括号() re /^a{3}\)/ // 相当于/^aaa\(/ re /^(ab){3}\)/ // 相当于/^ababab\(/ re /^[a-z]{3}\)/ //完全匹配3个字母 re /^[a-z]{1,}\(/ // 完全匹配1个及以上的字母 re /^[a-z]{1,3}\)/ // 完全匹配1-3个字母re /^ba\(/ re.test(b) //false re.test(ba) //true re.test(baa) //truere /^ba*\)/ re.test(b) //true re.test(ba) //true re.test(baa) //truere /^ba?\(/ re.test(b) //true re.test(ba) //true re.test(baa) //false 练习 从字符串中找出手机号码并且手机号中间4位用*代替 let strdajsdh13715678903jasdlakdkjg13457890657djashdjka13811678908sdadadasd; //首先确定号码的格式为1 3到9之间 任意数字 x 9然后用正则表达式表达出来 let reg /(1[3-9]\d)\d{4}(\d{4})/g; // 注意别忘了写匹配模式g(全局匹配)不写的话会陷入死循环 let rreg.exec(str); while(r){console.log(r[1]****r[2])rreg.exec(str) } 判断字符串是否是手机号 这种情况只需完全匹配 let re /^1[3-9]\d{9}\)/ console.log(re.test(13456789042)) 与正则表达式关系密切的字符串方法 split() split()可以根据正则表达式来对一个字符串进行拆分 没有正则表达式作为split()的参数前只能根据固定的字符(串)分割字符串 let str abcd let result str.split() // [a,b,c,d] 有了正则表达式后可以根据符合一定规律的字符(串)分割字符串 str 孙悟空abc猪八戒adc沙和尚 result str.split(/a[bd]c/) // [孙悟空,猪八戒,沙和尚] search() search()的作用类似于indexOf(), 区别在于search()支持正则表达式作为参数它可以去搜索符合正则表达式的内容第一次在字符串中出现的位置。返回值是第一次出现的索引没有搜索到则返回-1 str dajsdh13715678903jasdlakdkjg13457890657djashdjka13811678908sdadadasd result str.search(/1[3-9]\d{9}/) console.log(result) // 6 replace() replaceAll() replace()和replaceAll()都是根据正则表达式替换字符串中的指定内容 str dajsdh13715678903jasdlakdkjg13457890657djashdjka13811678908sdadadasd // 如果是全局匹配replace()与replaceAll()的功能就基本一致了replace()此时会替换所有匹配的字符 result str.replace(/1[3-9]\d{9}/g, 哈哈哈) result str.replaceAll(/1[3-9]\d{9}/g, 哈哈哈) // 注意replaceAll()仍要求字符串使用全局匹配模式g 以回调函数的形式替换匹配的字符串,这样就可以实现用各自相应的字符替换不同的字符 // 定义转义 HTML 字符的函数 function htmlEscape(htmlStr){// 别忘了将htmlStr.replace()的返回值返回给htmlEscape()return htmlStr.replace(/|||/g,(match){switch(match){case :return lt;case :return quot;case :return gt;case :return amp;}}) } console.log(htmlEscape(h1 titleabc这是h1标签span123nbsp;/span/h1)) match() matchAll() match() 根据正则表达式去匹配字符串中符合要求的内容与RegExp对象的方法exec()相似, exec()由RegExp实例调用match()由String实例调用match()返回一个数组(与exec()返回的数组不一样)match()返回的数组元素是所有匹配的字符串所以match()的功能相较于exec()的功能更简单它不能看到正则表达式的匹配分组 matchAll() 作用同match(), 该方法要求正则表达式必须是全局匹配g模式它返回的是一个迭代器(迭代器需要遍历才能看到其中的内容, 遍历出的内容能看到正则表达式的匹配分组) result str.match(/1[3-9]\d{9}/g) console.log(result); //注意不要忘了g result str.matchAll(/13-9/g) console.log(result); // 迭代器需要遍历才能看到其中的内容 for(let item of result){console.log(item) } 练习题 RGB颜色格式转十六进制颜色格式 将RGB格式的颜色转换成十六进制格式的颜色值如 输入RGB(255, 255, 255) 输出#ffffff 注意逗号后面的空格数不确定 function RGBToHex(rgb) {var regexp /[0-9]{1,3}/gvar res rgb.match(regexp) // 利用正则表达式去掉多余的部分将rgb中的数字提取var hexRes #// 注意要设置成字符串格式var hex [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f]// var hexArr []for (let i 0; i res.length; i) {let leftIndex Math.floor(res[i] / 16) // 向下取整let rightIndex res[i] % 16hexRes hex[leftIndex] hex[rightIndex]}console.log(hexRes)return hexRes } RGBToHex(RGB(255, 255, 255)) // #ffffff RGBToHex(RGB(0, 16, 38)) // #001026 十六进制颜色格式转RGB颜色格式 function hexToRgba(hex, opacity) {if (!hex) hex #ededed;let rgba rgba( parseInt(0x hex.slice(1,3)) , parseInt(0x hex.slice(3,5)) , parseInt(0x hex.slice(5,7)) , (opacity || 1) )return rgba }