Сокращение кода для вывода массива

array.forEach((item, index) => document.getElementById('data' + index).innerHTML = item);

У меня этот вывод повторяется 2 раза, но выводит данные только в одну таблицу, а вторая пустая

Потому что у Вас на странице несколько элементов имеют один и тот же id. Что в таком случае будут возвращать вызовы document.getElementById с одним и тем же параметром? Они будут возвращать один и тот же элемент - первый, найденный на странице, с таким id.