Mehrdimensionales Array - Loopen

[Exorior]

Hallo Liebe Community, 

da ich in Javascript leider noch nicht so fit und gerade am verzweifeln bin, wende ich mich an euch 

Folgende Problemstellung:
Ich übergebe ein PHP Array mit der Bezeichnung "persons" an eine Javascript Funktion:

[0]['id']['1']
[0]['name']['alfred']
[0]['beruf']['metzger']

[1]['id']['2']
[1]['name']['benjamin']
[1]['beruf']['maler']


Im Javascript muss ich nun auf die Werte zugreifen (also z.B. 1,alfred,metzger).
Am besten ich kann mir die Werte so abspeichern:
id = 1;
name = "alfred"
beruf = "metzger"

leider schaffe ich es nicht auf die Werte zuzugreifen -.-
Bisher habe ich das gefunden: (bringt mich aber nicht weiter, da ich 3 Dimensionen habe -.-)

Code:

for (const [index, value] of persons.entries()) { 
    console.log(index,value);
}