I am having problem to print table in VF page using JS array.
my code.

    <apex:page controller="customController" >
        <script>
            var json = new Array();
            <apex:repeat value="{!appointmentList}" var="r">
            	json.push('{!r}');
            </apex:repeat>
        </script>
    </apex:page>

I tried console.log(), it didn't work. I went through lot of blogs but no luck.

I want something like below, need to do some format data using JS. In java script After data formatting, final list want to print on VF page. I am not good with JS things. Please help on this.

    <apex:repeat  value="{!appointmentList}" var="appt" >
         <table width="100%" style="font-size:13px;">
		     <tr>
		        <td>
		           <apex:outputText value="{0,date,EEEE - MMMM d, yyyy}" style="font-weight:bold;margin-bottom:2px;"> 
		               <apex:param id="displayDay" value="{!appt.startDateTime}" /> 
		            </apex:outputText>&nbsp;
		            <apex:outputText value="{0,date,h:mm a}">   
		                <apex:param id="displayStTime" value="" />
		             </apex:outputText> -&nbsp; 
		              <apex:outputText value="{0,date,h:mm a}">   
		                  <apex:param id="displayEnTime" value="" />
		              </apex:outputText><b>&nbsp;&nbsp;({!calendarProfile.userTimezone})</b>  
		        </td>
		     </tr>
          </table>
      </apex:repeat>