js中split正则表达式

表达式

    var data="asdfasdf<span>aa</span>asdfasdf"
    var regValue=/(<span\s?[^\>]*>.*?<\/span>)/gi    
    var data= data.split(regValue)

可以切割成["asdfasdf"，"<span>aa</span>","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"]

image.png image.png

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作为分隔符前面没有内容，所以是空字符串，最后一个空字符串也是这样的道理。

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