求解stringObject.split(RegExp)出现字符串分隔错误？

Question

string.split(RegExp)方法使用正则表达式分隔字符串，当正则表达式含有小括号()的时候翻个的字符串会出现错误，但是通过string.match(RegExp)的时候返回的值是我想要的是正确的

例如

var str = '【广州市】 【广州黄埔】（020-12345678、020-87654321） 的 88888888表带 （） 已揽收';

var reg = /(\d{3}-)?\d{7,9}/g;

var phones = str.match(reg);

console.log(phones);

var arr = str.split(reg);

console.log(arr);

var element = [];

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

    var item = {

        text:arr[i],

        click:false

    }

    element.push(item);

    if(i==arr.length-1){

        break;

    }

    var item2 = {

        text:phones[i],

        click:true

    }

    element.push(item2);

}

console.log(element);

然后我理想的返回结果是

上图是正则表达式中没有加括号时强制性要求添加区号的返回结果

var reg = /\d{3}-\d{7,9}/g;//上图的结果使用该正则

var reg = /(\d{3}-)?\d{7,9}/g;//下图的结果使用该正则

然而加了括号条件以后，使用str.split(reg)以后得到的却是一个很奇怪的结果，里面拆分的结果不仅出现了奇怪的断句错误，还出现带有undefined的数据

导致我后面的循环直接出现更大的错误，求解正则中添加括号出现这样的问题怎么处理？

Answer 1

原因是split在处理含有捕获组的正则的时候，会把捕获组里面捕获到的数据也当做分割后结果的一部分。如下：代码如下：var str="abclskd,jsldk-lskdfj778,jsdkf*jdkf";var regex1=/[,*-]/;str.split(regex1);(5) ["abclskd", "jsldk", "lskdfj778", "jsdkf", "jdkf"]var regex2=/([,*-])/;str.split(regex2);(9) ["abclskd", ",", "jsldk", "-", "lskdfj778", ",", "jsdkf", "*", "jdkf"]var regex3=/(?:[,*-])/;str.split(regex3);(5) ["abclskd", "jsldk", "lskdfj778", "jsdkf", "jdkf"]所以，为了不出现这样的结果，你把()改为(?:)