JavaScript: come si tolgono le virgole delle Array?

😈╰•ALBERTO•╯😈

`<script>

let tabella = [
[" A " , " B " , " C " , " D "],
[" E " , " F " , " G " , " H "],
[" I " , " L " , " M " , " N "],
[" O " , " P " , " Q " , " R "],
[" S " , " T " , " U " , " V "],
[" W " , " X " , " Y " , " Z "],
];

let lettere = document.getElementById("primo");

lettere.innerHTML =
tabella[0] + "<br>"

tabella[1] + "<br>"
tabella[2] + "<br>"
tabella[3] + "<br>"
tabella[4] + "<br>"
tabella[5] + "<br>";

</script>`

Giulio_M

😈╰•ALBERTO•╯😈 Certo, semplicemente perché la stampa tabella[0] significa dire "stampami la prima riga della matrice", quindi un vettore composto dagli elementi (A,B,C,D) e i vari elementi dell'array vengono separati dalla virgola.

Per fare ciò che vuoi tu hai due possibilità, la prima più "macchinosa" e la seconda invece più indicata e anche facilmente scalabile.

caso 1: stampi un elemento alla volta tramite innerHTML

let lettere = document.getElementById("primo");
lettere.innerHTML = tabella[0][0]+tabella[0][1]+tabella[0][2]+tabella[0][3]+"<br>"+tabella[1][0]+tabella[1][1]+tabella[1][2]+tabella[1][3]+"<br>"+tabella[2][0]+tabella[2][1]+tabella[2][2]+tabella[2][3]+"<br>"+tabella[3][0]+tabella[3][1]+tabella[3][2]+tabella[3][3]+"<br>"+tabella[4][0]+tabella[4][1]+tabella[4][2]+tabella[4][3]+"<br>"+tabella[5][0]+tabella[5][1]+tabella[5][2]+tabella[5][3];
document.write("<br>");

caso 2: gestisci tutto tramite i cicli, soluzione ovviamente preferibile; se poi dovessi avere una matrice di dimensioni diverse, al posto di scrivere 4 e 6 metti ad esempio Nx e Ny, quindi che si regola automaticamente, massima flessibilità e scalabilità

for(j=0;j<6;j++){
for(i=0;i<4;i++){
document.write(tabella[j][i]);
}
document.write("<br>");
}

😈╰•ALBERTO•╯😈

Giulio_M

Nel secondo modo ho problemi a dare lo stile:

`<script>

let conta = 0;
let tabella = [
[" A " , " B " , " C " , " D "],
[" E " , " F " , " G " , " H "],
[" I " , " L " , " M " , " N "],
[" O " , " P " , " Q " , " R "],
[" S " , " T " , " U " , " V "],
[" W " , " X " , " Y " , " Z "],
];

for (lettere = 0; lettere < 6; lettere++){
for (colonna = 0; colonna < 4; colonna++){

let baubau = document.getElementById("primo");
baubau.innerHTML = tabella[lettere][colonna] + "<br>";

}

}
`
con document.write funziona, se gli do lo stile non funziona niente, precisamente mi stampa solo la Z
vorrei risolvere questo problema perché ci tengo

Giulio_M

😈╰•ALBERTO•╯😈 con document.write funziona, se gli do lo stile non funziona niente, precisamente mi stampa solo la Z
vorrei risolvere questo problema perché ci tengo

ok certo, puoi semplicemente suddividere il codice JavaScript in blocco, in due pezzi separati, il primo pezzo è la creazione in memoria della matrice, poi come elemento HTML crei un <div> che contiene le proprietà CSS inline (oppure se preferisci che ha un ID o una classe e nei fogli di stile specifichi tutte le relative proprietà). All'interno del blocco <div> semplicemente includi il blocco di codice JavaScript e poi chiudi il <div>.

Ovvero in questo esempio che ti mostro ora, ho scritto un codice CSS inline che colora di blu la matrice che viene stampata (ovvero assegna color:#00F che equivale a color:blue a tutto ciò che è contenuto nel blocco <div>, in questo caso la stampa del risultato ovvero la tua matrice, tramite codice JavaScript, la funzione document.write().

<div style="color:#00F">
<script>
for(j=0;j<6;j++){
for(i=0;i<4;i++){
document.write(tabella[j][i]);
}
document.write("<br>");
}
</script>
</div>

😈╰•ALBERTO•╯😈

Giulio_M OK, ci provo, però strano che con i cicli non posso usare document.getElementById

😈╰•ALBERTO•╯😈

Giulio_M

funziona

Giulio_M

😈╰•ALBERTO•╯😈 beh non è strano, nel senso che document.ElementById() prende in input appunto un ID, poi innerHTML ha la funzione di stampare codice HTML, eventualmente con qualche personalizzazione CSS, stampa qualcosa di statico, non dinamico come JavaScript (o meglio, forse con una serie di caratteri di escape si potrebbe inserire anche un eventuale script che fa quanto detto prima... Ma il codice diventa estremamente contorto e non conviene).