js中split正则表达式

文章讨论了JavaScript中split函数在处理正则表达式时,分组括号的影响,以及如何理解当括号内的内容被匹配时会被包含在结果数组中。作者通过实例和书中的解释说明了这一现象,并指出对正则表达式理解的重要性。
摘要由CSDN通过智能技术生成
表达式
        var data="asdfasdf<span>aa</span>asdfasdf"
        var regValue=/(<span\s?[^\>]*>.*?<\/span>)/gi    
        var data= data.split(regValue)

可以切割成[“asdfasdf”,“aa”,“asdfasdf”] 的效果
不用()就不行 为什么

使用小括号指定一个子表达式后,匹配这个子表达式的文本(也就是此分组捕获的内容);
     var data="asdfasdf<span>aa</span>asdfasdf",
         regValue=/(<span\s?[^\>]*>.*?<\/span>)/gi,
         __regValue = /<span\s?[^\>]*>.*?<\/span>/gi,
         data= data.split(regValue),
         __data = data.split(__regValue);
        console.log(data);
       console.log(__data);
       // data输出 // ["asdfasdf", "<span>aa</span>", "asdfasdf"]
      // __data输出 //["asdfasdf", "asdfasdf"]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-blRb4Hrw-1689683820246)(https://upload-images.jianshu.io/upload_images/11248214-7b5be2ec0c88560d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mwlPDG0b-1689683820247)(https://upload-images.jianshu.io/upload_images/11248214-6936949b31ddd04b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

    function c(...a){
        console.log(...a);
    }
    var a = 'a1a2a123';
    c(a);
    c(a.split(/\d+/),a,!1,!0);
    c(a.split(/(\d+)/),a);
    c(a.split(/[0-9]/),a);
    var colorText = "red,blue,green,yellow";
    var colors3 = colorText.split(/[^\,]+/); //["", ",", ",", ",", ""]
    c(colors3,/red/.exec(colorText),colorText.search(/r/ig))

是说 split 通过正则匹配的时候 加了括号 会把括号内匹配到的值 也放在最后反回的数组里

非一般排序很有用
朋友提到的 码了

看JavaScript高级程序设计,看到split函数传入正则表达式的时候不是很理解,查了一些资料基本和书上说的一样,看不太懂
    var colorText = "red,blue,green,yellow";
    var colors3 = colorText.split(/[^\,]+/); //["", ",", ",", ",", ""]

书上的解释是因为通过正则表达式指定的分隔符出现在了字符串的开头(即子字符串“red”)和末尾(即子字符串“yellow”),所以第一项和最
后一项是两个空字符串。

我想开始不太理解还是因为对正则表达式的理解不够,/[^,]+/的意思应该是不是“,”的多个字符,

那么colorText.split(/[^,]+/)的意思应该是以“不是‘,’的多个字符”作为分隔符,所以在本例中就是以red,blue,green,

yellow作为分隔符,因为red作为分隔符前面没有内容,所以是空字符串,最后一个空字符串也是这样的道理。

其实这个点还蛮好理解,就是思维局限了,就容易想不通。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值