Estoy tratando de hacer un bucle de regalos, pero el problema es que después de que cada objeto insertAdjacentHTML inserta una coma, ¿cómo puedo eliminar la coma?
document.querySelector(`.chat-content`)?.insertAdjacentHTML( 'beforeend', `<div class="gifts flex items-center h-20 gap-2"> ${gifts.map((gift: any) => ` <div class="gift bg-skin-field text-primary-yellow"> <i class="fas fa-gift"></i> <span class="text-gray-400">${gift.channelId}</span> <span>$${gift.price}</span> </div> `, )} </div>`,gifts.map(.....) devuelve una matriz, que por defecto se encadena usando una coma como delimitador. Usted mismo querrá convertir explícitamente esta matriz en una cadena, especificando que no debe haber ningún delimitador:
${gifts.map(.....).join("")}