Hola, gracias por leer esto.

Tengo un Array el cual quiero dibujar su contenido en el DOM, he encontrado una manera, pero no sé si es la más eficiente.

Lo que hago es lo siguiente. Dentro del Array creo (no estoy seguro de si estoy en lo correcto) los objetos q y a dentro de los cuales pongo un string que es el texto que quiero poner en el DOM. Igual me estoy equivocando con los conceptos jejejje.

1 q: "Prueba 1",
2 a:"Autor 1"
3 },
4 {
5 q: "Prueba 2",
6 a:"Autor 2"
7 },
8 {
9 q: "Prueba 3",
10 a:"Autor 3"
11 },
12 {
13 q: "Prueba 3",
14 a:"Autor 3"
15 },
16 {
17 q: "Prueba 4",
18 a:"Autor 4"
19 },
20 {
21 q: "Prueba 5",
22 a:"Autor 5"
23 },
24]

Después de crear el Array con los objetos q y a, creo una función que me permite seleccionar uno de los objetos y meterlo en el DOM, por ahora lo dibujo con document.write pero es solo para pruebas.

Mi duda era saber si habrá otra camino para hacer lo que estoy haciendo y si este es el camino más eficiente, ya que dentro del Array lo tengo son varios objetos y quería más bien crear sólo strings haciendo lo siguiente.

1 "prueba-1",
2 "prueba-2",
3 "prueba-3",
4 "prueba-4",
5 "prueba-5" ]

Pero esta estructura de Array no consigo dibujarla en el DOM, igual debería de usar el spread operator, aunque no tengo idea de cómo hacerlo.

Cualquier aporte se agradece mucho.