[SOLUCIONADO] Variar selector en un bucle for

[melkart239]

Salud y saludos.
Tengo una matriz de datos que quiero trasladar a una tabla.
Sé que con un doble bucle puedo recorrer la matriz para trasladar los datos a la tabla.
Sería algo como esto:

Código:

		for(var i=0;i<20;i++){
			for(var j=0;j<20;j++){
			}
		}

En la tabla he puesto #id a cada celda con su fila y columna, por ejp. la primera celda tiene un id de #f1c1.
Mi problema es que quiero aprovechar esa nomenclatura tanto en la tabla como en el doble bucle. Es decir quiero aprovechar los valores i, j para mandar el dato a la celda.

Código:

		for(var i=0;i<20;i++){
			var fila = 1; var columna = 1;
			var valor = "$1f" + fila + "c" + columna;
			for(var j=0;j<20;j++){
				//y aquí pasaría el valor a la celda #f1c1
			}
		}

Verdaderamente es que no sé cómo concatenar la parte que está en rojo.

[Alexis88]

Si posees una matriz del tipo:

Código Javascript:

[["Juan", "Pérez", 25], ["Ana", "Gonzáles", 38], ["Luis", "Salas", 45]]
 

Y cada celda tiene una identificación del tipo:

Código HTML:

<tr>
    <td id="f1c1"></td>
    <td id="f1c2"></td>
    <td id="f1c3"></td>
</tr>
<tr>
    <td id="f2c1"></td>
    <td id="f2c2"></td>
    <td id="f2c3"></td>
</tr>
<tr>
    <td id="f3c1"></td>
    <td id="f3c2"></td>
    <td id="f3c3"></td>
</tr>
 

Solo necesitarías concatenar las letras f (de fila) y c (de columna) con el valor de cada contador.

Código Javascript:

let datos = [["Juan", "Pérez", 28, "Panamá"], ["María", "Galindo", 54, "Costa Rica"], ["Susan", "Ortiz", 41, "Holanda"]];
 
for (let i = 0, l = datos.length; i < l; i++){
    for (let j = 0, m = datos[i].length; j < m; j++){
        let id = "#f" + (i + 1) + "c" + (j + 1);
        document.querySelector(id).textContent = datos[i][j];
    }
}
 

DEMO

Otra forma de hacer lo mismo empleando métodos de jQuery:

Código Javascript:

let datos = [["Juan", "Pérez", 28, "Panamá"], ["María", "Galindo", 54, "Costa Rica"], ["Susan", "Ortiz", 41, "Holanda"]];
 
$.each(datos, function(i, array){
    $.each(array, function(j, valor){
        let id = "#f" + (i + 1) + "c" + (j + 1);
        $(id).text(valor);
    });
});
 

DEMO

[melkart239]

Ok. Tu aportación ha sido válida y muy importante. Muchas gracias.
A quienes les pueda servir de algo este ejemplo debo decirles que la duda era cómo concatenar los "textos" entre el bucle con sus variables y las ids de la tabla.
Lo digo por que el código que puse era un "poco" desastre.
Gracias de nuevo "filósofo" :)