Как можно выполнить перебор полей формы, имена которых — массив?

Question

[MFT]

Здравствуйте! Поля формы имеют следующий вид:

<input type="number" class="form-control quantity" name="Product[1]['quantity']" >
<input type="number" class="form-control quantity" name="Product[2]['quantity']" >
<input type="number" class="form-control quantity" name="Product[3]['quantity']" >

Мне нужно определить максимальный индекс этого массива Product, т.е. 3, в данном примере.
Подскажите, пожалуйста, как лучше это сделать на js или jquery.
В индексах могут быть пропуски и они могут идти не последовательно (1,4,5,2, 6, например)

Answer 1

[Дмитрий]

Анализируя атрибут name

const maxNumber = Math.max(...Array
  .from(document.querySelectorAll('input.form-control.quantity'))
  .map(el => Number(el.name.split(/\[|\]/g)[1] || 0))
)

Comments

[MFT]

Спасибо!