volviendo de forEach javascript

tengo el siguiente código:

options.forEach((option) => { return(option.get('template_name')) }) 

donde las opciones contienen una lista de 2 mapas

Espero que esto devuelva el nombre de la plantilla, pero en lugar de eso obtengo 2 ¿Por qué sucede esto? ¿Cómo puedo regresar de una función forEach en javascript?

forEach no vuelve. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/forEach#Return_value

Utilice el map lugar. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/map#Return_value

Además, para usar las opciones del map debe ser una matriz.

Echa un vistazo a este ejemplo.

 var options = Array.from(document.getElementById('selections').options), newOptions = options.map(function(item){ return item.value }); console.log(newOptions); document.getElementById('results').insertAdjacentHTML('afterbegin', newOptions.reduce((a,b) => a.concat(`${b} `), ' ')); 
      returning from forEach javascript    

Eso es lo que es bueno para un bucle de oro viejo:

  for(var option of options){ return option.get("template_name"); } 

Que es igual a

  return options[0].get("template_name"); 

O obteniendo todos los nombres:

  const tnames = options.map( option => option.get("template_name") );