Tengo un bucle forEach que muestra todos los registros de 'comunidades'. Por cada décimo registro, quiero insertar un 'registro de anuncios' y luego continuar con el bucle de 'comunidades'.

Con mi código existente, aunque el 'registro de anuncios' se muestra en el registro 10, descubrí que el 'registro de comunidades 10' se está omitiendo/perdido, por lo que se ve así: R1 - R2 - R3 - R4 - R5 - R6 - R7 - R8 - R9 - ANUNCIO A LAS 10 - R11 - R12

Mientras que lo que quiero es esto: R1 - R2 - R3 - R4 - R5 - R6 - R7 - R8 - R9 - ADVERT AT 10 - R10 - R11

¿Alguien puede indicar dónde está fallando mi código?

 <div class="index-record-grid-container" id="communityGroupsContainer"> <% let count = 0; %> <% communities.forEach(function(community, i) { %> <% count = count+1; %> <% if (count === 10) { %> <div class="standard-record-container"> <div class="standard-ad-container"> <h3 class="standard-ad-header">Advertisement</h3> <% promotions.slice(1,2).forEach(promotion => { %> <img class="standard-ad-image lazy" data-src="https://res.cloudinary.com/dcjceb5aj/image/upload/w_400,c_fit,q_auto,f_auto,fl_lossy/<%- promotion.images[0].public_id %>"> <% }) %> </div> </div> <% } else if (count === 20) { %> <div class="standard-record-container"> <div class="standard-ad-container"> <h3 class="standard-ad-header">Advertisement</h3> <% promotions.slice(1,2).forEach(promotion => { %> <img class="standard-ad-image lazy" data-src="https://res.cloudinary.com/dcjceb5aj/image/upload/w_400,c_fit,q_auto,f_auto,fl_lossy/<%- promotion.images[0].public_id %>"> <% }) %> </div> </div> <% } else { %> <div class="standard-record-container"> <div class="record-grid-container"> <div class="box-record-username-row-2">