Могу ли я использовать цикл для выполнения одного и того же вызова функции несколько раз при увеличении идентификаторов элементов?

Question

Сейчас у меня есть 2 функции, которые называются showElement(elementId) и hideElement(elementId). Я использую их, чтобы скрыть и отобразить строки в таблице в зависимости от того, что пользователь нажимает.

У меня есть кнопка отправки для области, которая занимает около 30 строк и выглядит следующим образом

function hideGeneralSection {
  hideElement('gen1');
  hideElement('gen2');
  hideElement('gen3');
  hideElement('gen4');
  ...
  hideElement('gen35');
}

Я остался доволен тем, что все так и осталось, но потом понял, что хочу добавить примерно 5 разделов, каждый с show и hide для всех строк, и я сделал две новые функции, которые затеняют элементы / включают их.

Например, в Java вы можете напечатать строку с чем-то похожим на следующее: ("showElement('gen%i')",5). Есть ли что-то подобное в javascript, чтобы я мог просто сделать цикл, который выплевывает showElement('genINTEGER') в 3 строки вместо 30-ти каждый раз?

Answer 1

Поскольку аргумент вашей функции является строкой, вы можете просто конкатенировать переменную цикла в конце корня "gen" следующим образом:

for (var i = 1; i <= 35; i++) showElement('gen' + i);