js 匹配字符串

本文总结了多种常用的正则表达式,包括匹配中文字符、双字节字符、空格、HTML标记等,并提供了实际应用案例,如计算字符串长度、提取URL中的文件名等。

匹配空格

function isContentSpace(s)
{
    var patrn = //s+/g;
    if(patrn.exec(s))
        return true;
    return false;
}

匹配中文字符的正则表达式: [/u4e00-/u9fa5]

匹配双字节字符(包括汉字在内): [^/x00-/xff]

应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;}

匹配空行的正则表达式: /n[/s| ]*/r

匹配HTML标记的正则表达式: /<(.*)>.*<//>|<(.*) //>/

匹配首尾空格的正则表达式: (^/s*)|(/s*$)

应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:

String.prototype.trim = function() {
return this.replace(/(^/s*)|(/s*$)/g, "");
}

利用正则表达式分解和转换IP地址:

下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的javascript程序:

function IP2V(ip) {
re=/(/d+)/.(/d+)/.(/d+)/.(/d+)/g //匹配IP地址的正则表达式
if(re.test(ip)) {
return RegExp.*Math.pow(255,3))+RegExp.*Math.pow(255,2))+RegExp.*255+RegExp.*1
}
else {
throw new Error("Not a valid IP address!")
}
}

不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下:
var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是:"+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

匹配Email地址的正则表达式: /w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*

匹配网址URL的正则表达式: http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?

利用正则表达式去除字串中重复的字符的算法程序:

var s="abacabefgeeii"
var s1=s.replace(/(.).*/g,"")
var re=new RegExp("["+s1+"]","g")
var s2=s.replace(re,"")
alert(s1+s2) //结果为:abcefgi

用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1

s="http://www.coolwolf.net/page1.htm"
s=s.replace(/(.*//)([^/.]+).*/ig,"")
alert(s)

利用正则表达式限制网页表单里的文本框输入内容:

用 正则表达式限制只能输入中文: onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"

用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"

用正则表达式限制只能输入数字: onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

用正则表达式限制只能输入数字和英文: onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

<think>好的,用户想了解JavaScript匹配字符串的方法和示例。首先,我需要回忆一下JavaScript中有哪些常用的字符串匹配方法。常见的有match()、matchAll()、search()、replace()、split(),还有RegExp对象的方法比如test()和exec()。不过用户可能更关注字符串对象本身的方法,所以重点应该放在这些上。 用户给的示例引用了match()和matchAll(),说明这两个可能是重点。我需要先解释每个方法的作用,参数,返回值,并给出示例代码。比如,match()使用正则表达式返回匹配结果,而matchAll()返回迭代器,处理全局匹配更高效。要注意区分它们的不同,比如match()在全局匹配时返回所有结果,但没有分组信息,而matchAll()可以获取每个匹配的详细信息。 接下来是search()方法,它返回第一个匹配的位置索引,类似于indexOf()但支持正则表达式。replace()方法可以用来替换匹配的文本,并且可以使用函数进行复杂替换。split()方法用正则表达式分割字符串,这也是常见的用途。 需要确保每个方法都给出具体的例子,比如使用正则表达式匹配邮箱或者日期格式。同时要注意正则表达式的写法,比如是否需要g标志,以及分组的使用。比如在matchAll()的例子中,必须使用g标志,否则会报错。 另外,用户可能对ES6新增的方法比较感兴趣,比如matchAll(),所以需要强调它的浏览器兼容性或Node.js版本要求。但用户可能更关注用法而不是兼容性,除非特别提到。 还要检查是否有遗漏的方法,比如test()和exec(),但这两个属于RegExp对象的方法,虽然相关,但用户问题明确提到字符串的方法,所以可能不需要深入,除非有必要提及。 最后,生成相关问题,考虑用户可能想了解不同方法的区别,性能比较,或者更复杂的正则用例。比如问不同匹配方法的区别,或者如何提取特定格式的数据,或者替换的高级技巧。 需要确保回答结构清晰,每个方法分点说明,代码示例正确,并且用中文简洁解释。同时注意引用用户提供的引用内容,比如提到match()和matchAll()时引用[^1],但用户提供的引用内容似乎部分不相关,比如字符串迭代器的部分,可能需要调整引用标记的位置,或者根据情况适当引用。</think>### JavaScript字符串匹配方法详解 JavaScript提供多种字符串匹配方法,以下是6种核心方法及使用示例: #### 1. match() 方法 用于正则匹配,返回匹配结果数组 ```javascript const str = "2023年7月15日 2024-08-20"; const result = str.match(/\d{4}-\d{2}-\d{2}/); // 返回第一个匹配结果 ["2024-08-20"] ``` #### 2. matchAll() 方法(ES2020) 返回包含所有匹配信息的迭代器 ```javascript const str = "a1b2c3"; const regex = /[a-z](\d)/g; const results = [...str.matchAll(regex)]; // 返回三个匹配项,包含分组信息 ``` #### 3. search() 方法 返回第一个匹配项的索引位置 ```javascript "hello world".search(/world/); // 返回6 "abc123".search(/\d/); // 返回3 ``` #### 4. replace() 方法 实现字符串替换(支持正则) ```javascript "foo bar baz".replace(/ba/g, "xx"); // 返回 "foo xxr xxz" // 使用替换函数 "price: $5".replace(/\$(\d)/, (m,p1) => `¥${p1*7}`); // 返回 "price: ¥35" ``` #### 5. split() 方法 使用正则分割字符串 ```javascript "apple, orange; grape".split(/[,;]\s*/); // 返回 ["apple", "orange", "grape"] ``` #### 6. includes() 方法(ES6) 简单包含检测 ```javascript "hello world".includes("wor"); // true ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值