Javascript - Split dynamic string getting values inside brackets

Question

I have this as data input (it's dynamic so it can be 1 up to 5 brackets in the same string)

data["optionBase"] = {} //declaration
data["optionBase"]["option"] = {} //declaration
data["optionBase"]["option"][value] = {} //declaration
data["optionBase"]["option"][value]["detail"] = somethingHere

Each line comes as a string, not as an array or any other type of javascript object. How can i get an array out of that string containing something like this:

Line 1:

result[0] = "optionBase"

Line 2:

result[0] = "optionBase"
result[1] = "option"

Line 3:

result[0] = "optionBase"
result[1] = "option"
result[2] = value

Line 4:

result[0] = "optionBase"
result[1] = "option"
result[2] = value
result[3] = "detail"

Answer 1

var s1 = 'data["optionBase"] = {} //declaration';
var s2 = 'data["optionBase"]["option"] = {} //declaration';
var s3 = 'data["optionBase"]["option"][value] = {} //declaration';
var s4 = 'data["optionBase"]["option"][value]["detail"] = somethingHere';
var a = [s1, s2, s3, s4];
var regex = /data\[([^\]]+)\](?:\[([^\]]+)\])?(?:\[([^\]]+)\])?(?:\[([^\]]+)\])?/;
for(var i = 0; i < 4; i++)
{
  var result = a[i].match(regex);
  //result[0] contains the whole matched string
  for(var j = 0; j < 5; j++)
    console.log(result[j]);
}

If you want to make it dynamic, you can extract the string and split around ][

var s = 'data["optionBase"]["option"][value]["detail"] = somethingHere';
var m = s.match(/data((?:\[[^\]]+\])+)/);
var substr = m[1].substring(1, m[1].length - 1);
var array = substr.split("][");
console.log(array);