Можно добавить цикл при добавлении к DOM?

Question

Я добавляю некоторую информацию в DOM, но понял, что некоторая информация, которая мне нужна, вложена внутри объекта. Когда я делаю следующий бит кода, часть внутри цикла возвращается как неопределенная. Есть ли способ, чтобы перебрать и вытащить эту информацию, так что я могу добавить его к моей странице:

function placeOnPage(allStopsWithRoutes){ 
    allStopsWithRoutes.forEach(function(stop){ 

    $('#stops').append("Stop: " + stop.crossStreets + "<br>" + 

     // LOOP HERE 
     stop.routes.forEach(function(route){ 
     "Bus Name: " + busName + "<br>" + 
     "Stops Away: " + stopsAway + "<br>" + 
     "Destination: " + destination + "<p>" 
     }); 
     // END LOOP 

    ); 
    }); 
} 

Answer 1

Я не думаю, что строки могут быть объединены таким образом. Измените свой подход на конкатенацию перед рукой и сохраните ее в переменной. Затем добавьте переменную

function placeOnPage(allStopsWithRoutes) { 
    allStopsWithRoutes.forEach(function(stop) { 
     var concatenatedStr = ''; 
     stop.routes.forEach(function(route) { 
      concatenatedStr += ("Bus Name: " + busName + "<br>" + 
       "Stops Away: " + stopsAway + "<br>" + 
       "Destination: " + destination + "<p>"); 
     }); 
     $('#stops').append("Stop: " + stop.crossStreets + "<br>" + concatenatedStr); 
    }); 
}