Как в java script представить строку вида «level1[level2][level3]» в массив/объект/map с соответственной вложенностью?

Question

[philphil]

Имеется форма в которой имена полей имеют вид: "figures[1][type]" "figures[1][square_x1]" "figures[1][outlineColor]".
В php скрипт приходит массив с соответственной вложенностью:

array(1) {
  ["figures"]=>
  array(1) {
    [1]=>
    array(6) {
      ["type"]=>
      string(6) "square"
      ["square_x1"]=>
      string(1) "1"
      ["square_y1"]=>
      string(1) "1"
      ["square_x2"]=>
      string(3) "200"
      ["square_y2"]=>
      string(3) "200"
      ["outlineColor"]=>
      string(6) "purple"
    }
  }
}

Возникла необходимость валидировать форму на клиенте. Вопрос как добиться аналогичного представления данных из формы в java script?

Comments

[Евгений]

Либо бить имя регуляеой и потом собирать, либо eval

[Дмитрий Беляев]

Мне кажется, Вы решаете проблему не с той стороны.
Зачем Вам представление как на сервере для клиентской валидации?

[philphil]

Дмитрий Беляев, имеется форма для рисования фигур на изображении. Количество наносимых фигур за раз может меняться динамически, поэтому в массиве figures может быть несколько массивов с данными для рисования этих самых фигур.

array(1) {
  ["figures"]=>
  array(2) {
    [1]=>
    array(6) {
      ["type"]=>
      string(6) "square"
      ["square_x1"]=>
      string(1) "1"
      ["square_y1"]=>
      string(1) "1"
      ["square_x2"]=>
      string(2) "50"
      ["square_y2"]=>
      string(2) "50"
      ["outlineColor"]=>
      string(3) "red"
    }
    [2]=>
    array(6) {
      ["type"]=>
      string(4) "oval"
      ["oval_cx"]=>
      string(3) "540"
      ["oval_cy"]=>
      string(3) "540"
      ["oval_width"]=>
      string(3) "200"
      ["oval_height"]=>
      string(3) "200"
      ["outlineColor"]=>
      string(6) "yellow"
    }
  }
}

На сервере я прохожусь по этому массиву и фабрикой создаю валидатор в зависимости от типа фигуры. Тоже самое я хочу провернуть и на клиенте, вот почему задался этим вопросом.

[Дмитрий Беляев]

philphil, как выглядят данные/форма на клиенте?

[Евгений]

в json надо скорвертить

[philphil]

Дмитрий Беляев,
ссылка на jsfiddle
на клиенте данные из формы я получаю с помощью FormData(), и выглядят они вот таким образом:

Answer 1

[Дмитрий Беляев]

Придется парсить ключи в обработчике submit:

const re = /(.+)\[(.+)\]\[(.+)\]/;
const formData = new FormData(drawingForm);
const result = {};
for (const [key, value] of Object.entries(formData)) {
    const matches = key.match(re);
    if (!matches) { continue }
    const [, k1, k2, k3] = matches;
    ((result[k1] ??= {})[k2] ??= {})[k3] = value;
}
console.log(result); // тут валидация

Comments

[philphil]

Спасибо большое