Il modo migliore per trasferire un array tra PHP e Javascript

Quindi ho una serie di record recuperati da un database. La matrice è nel formato;

$rows[0]['id']=1; $rows[0]['title']='Abc'; $rows[0]['time_left']=200; $rows[1]['id']=2; $rows[1]['title']='XYZ'; $rows[1]['time_left']=300; //And so on upto 10-20 rows 

Qual è il modo migliore per trasferire questo array sul mio codice javascript? Mi piacerebbe che il javascript fosse in grado di scorrere tutti i record, e usando l’attributo ‘id’, aggiorna il div con quell’ID con alcune informazioni.

Il mio codice javascript è in un file .js esterno, ma sono in grado di eseguire codice php nel codice HTML della mia pagina. Quindi potrei fare qualcosa del genere:

In my_file.js:

 var rows=New Array(); 

Nel codice HTML:

       rows[]['title']=""; //And so on