JSFiddle - React, Tailwind, and code Playground

HTML

<table style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 16.1pt;">
<td style="width: 417.95pt; border: 1pt solid windowtext; background: #9bc2e6; padding: 0cm 3.5pt; height: 16.1pt; text-align: center;" rowspan="3" colspan="4" nowrap="nowrap" width="557"><strong><span style="font-size: 14pt; font-family: Arial, sans-serif;">MENSALIDADES 2019</span></strong></td>
<td style="width: 184.25pt; border-top: 1pt solid windowtext; border-right: 1pt solid windowtext; border-bottom: 1pt solid windowtext; border-left: none; background: #9bc2e6; padding: 0cm 3.5pt; height: 16.1pt; text-align: center;" rowspan="3" nowrap="nowrap" width="246"><strong><span style="font-size: 14pt; font-family: Arial, sans-serif; color: red;">VÁLIDOS PARA AS 12 MENSALIDADES</span></strong></td>
<td style="height: 16.1pt; border: none;" width="0" height="21">&nbsp;</td>
</tr>
<tr style="height: 16.1pt;">
<td style="height: 16.1pt; border: none;" width="0" height="21">&nbsp;</td>
</tr>
<tr style="height: 16.1pt;">
<td style="height: 16.1pt; border: none;" width="0" height="21">&nbsp;</td>
</tr>
<tr style="height: 27pt;">
<td style="width: 198.2pt; border-right: 1pt solid windowtext; border-bottom: 1pt solid windowtext; border-left: 1pt solid windowtext; border-top: none; background: #9bc2e6; padding: 0cm 3.5pt; height: 27pt;" nowrap="nowrap" width="264"><strong><span style="font-size: 12pt; font-family: Arial, sans-serif;">CURSOS DE GRADUAÇÃO</span></strong></td>
<td style="width: 219.75pt; border-top: none; border-left: none; border-bottom: 1pt solid windowtext; border-right: 1pt solid windowtext; background: #9bc2e6; padding: 0cm 3.5pt; height: 27pt; text-align: center;" colspan="3" nowrap="nowrap" width="293"><strong><span style="font-size: 12pt; font-family: Arial, sans-serif;">MENSALIDADE</span></strong></td>
<td style="width: 184.25pt; border-top: none; border-left: none; border-bottom: 1pt solid windowtext; border-right: 1pt solid...

JavaScript

var c = [];
jQuery('table tbody tr:gt(4)').each(function(ii, tr){

   if($(tr).find('td:eq(0)').text().indexOf("R$") > -1){

      var curso = $(tr).prev().find('td:eq(0)').text();
      var colspan0 = $(tr).find('td:eq(0)').attr('colspan');
      var colspan1 = $(tr).find('td:eq(1)').attr('colspan');

      if(colspan0 == 2){
         var price_m = price_v = $(tr).find('td:eq(0)').text();
         var price_n = $(tr).find('td:eq(1)').text();
      }else if(colspan1 == 2){
         var price_m = $(tr).find('td:eq(0)').text();
         var price_v = price_n = $(tr).find('td:eq(1)').text();
      }else{
         var price_m = price_v = price_n = $(tr).find('td:eq(0)').text();
      }

   }else if($(tr).find('td:eq(1)').text().indexOf("R$") > -1){
      var curso = $(tr).find('td:eq(0)').text();
      var price_m = price_v = price_n = $(tr).find('td:eq(1)').text();
   }

   // só vai fazer o .push se o nome do curso for true
   if(curso){

      var price = {
         course_name: curso,
         price: price_m,
         turn: 'Matutino'
      };
      c.push(price);

      var price = {
         course_name: curso,
         price: price_v,
         turn: 'Vespertino'
      };
      c.push(price);

      var price = {
         course_name: curso,
         price: price_n,
         turn: 'Noturno'
      };
      c.push(price);
   }

});

for(var item in c){
   $("div").append(c[item]['course_name']+","+c[item]['turn']+","+c[item]['price']+"<br>");
}