Literales de plantilla con un ForEach en él

¿Es posible devolver un valor de cadena en ForEach en un literal de plantilla para que se agregue en ese lugar? Porque si lo registro vuelve undefined. ¿O es que como escribí no es posible en absoluto?

return `<div>
                <form id='changeExchangeForViewing'>
    <label for="choiceExchangeForLoading">Change the exchange</label>
    <div class="form-inline">
    <select id='choiceExchangeForLoading' name="choiceExchangeForLoading" class="form-control">

    ${Object.keys(obj).forEach(function (key) {
        return "<option value="" + key + "">" + obj[key] + "</option>"           
    })}
    `;

No porque forEach ignora el valor de retorno de su devolución de llamada y nunca devuelve nada (por lo tanto, llamarlo da como resultado undefined).

Estas buscando mapque hace exactamente Lo que quieras:

return `<div>
    <form id='changeExchangeForViewing'>
        <label for="choiceExchangeForLoading">Change the exchange</label>
        <div class="form-inline">
            <select id='choiceExchangeForLoading' name="choiceExchangeForLoading" class="form-control">
                ${Object.keys(obj).map(function (key) {
                    return "<option value="" + key + "">" + obj[key] + "</option>"
                }).join("")}
`;

Tenga en cuenta que después del mapeo, el código usa .join("") para obtener una sola cadena de la matriz (sin ningún delimitador). (Me olvidé de esto inicialmente, he estado haciendo demasiadas cosas de React, pero stephledev lo señaló en su respuesta).

Dicho esto, podría ser más fácil de leer si lo divide, y puede usar una función de flecha en lugar de una función tradicional, tal vez con otra plantilla literal:

const options = Object.keys(obj).map((key) =>
    `<option value="${key}">${obj[key]}</option>`
);
return `<div>
    <form id='changeExchangeForViewing'>
        <label for="choiceExchangeForLoading">Change the exchange</label>
        <div class="form-inline">
            <select id='choiceExchangeForLoading' name="choiceExchangeForLoading" class="form-control">
                ${options.join("")}
`;

Finalmente, mencionaré Object.entriesque te da una flecha de [key, value] matrices, que usted podría desea utilizar en el mapeo de las opciones (o no, Object.keys también está bien):

const options = Object.entries(obj).map((key, value) =>
    `<option value="${key}">${value}</option>`
);
return `<div>
    <form id='changeExchangeForViewing'>
        <label for="choiceExchangeForLoading">Change the exchange</label>
        <div class="form-inline">
            <select id='choiceExchangeForLoading' name="choiceExchangeForLoading" class="form-control">
                ${options.join("")}
`;

Nota al margen: Eso no es un “literal de cadena”, es un modelo literal.

Ya que map() devuelve una matriz, la respuesta de @TJ Crowder producirá HTML no válido como el toString() El método de una matriz se llamará dentro del literal de la plantilla, que usa comas para delimitar la matriz. Para solucionar esto, simplemente agregue join('') para usar explícitamente ningún delimitador:

${Object.keys(obj).map(key => (
    `<option value="${key}">${obj[key]}</option>`
)).join('')}

Además, puede usar literales de plantilla dentro del propio mapa.