javascript - How to split string while ignoring portion in parentheses?

Question

I have a string that I want to split into an array by using the commas as delimiters. I do not want the portions of the string that is between parentheses to be split though even if they contain commas.

For example:

"bibendum, morbi, non, quam (nec, dui, luctus), rutrum, nulla" 

Should become:

["bibendum", "morbi", "non", "quam (nec, dui, luctus)", "rutrum", "nulla"]

But when I use a basic .split(","), it returns:

["bibendum", " morbi", " non", " quam (nec", " dui", " luctus)", " rutrum", " nulla"]

I need it to return:

["bibendum", " morbi", " non", " quam (nec, dui, luctus)", " rutrum", " nulla"]

Your help is appreciated.

Answer 1

var regex = /,(?![^(]*)) /;
var str = "bibendum, morbi, non, quam (nec, dui, luctus), rutrum, nulla"; 

var splitString = str.split(regex);

Here you go. An explanation of the regex:

,     //Match a comma
(?!   //Negative look-ahead. We want to match a comma NOT followed by...
[^(]* //Any number of characters NOT '(', zero or more times
/)    //Followed by the ')' character
)     //Close the lookahead.