Comment parcourir les lignes et les cellules d'un tableau en Javascript ?

Itérer dans les lignes et les cellules d'un tableau en JavaScript

Lorsque vous travaillez avec des tableaux HTML, il est souvent nécessaire de parcourir leurs lignes et cellules pour récupérer données ou effectuer des calculs. Voici deux façons d'y parvenir à l'aide de JavaScript :

Option 1 : itérer sur les lignes et les colonnes

Pour parcourir chaque ligne et colonne d'un tableau, utilisez ce qui suit syntaxe :

var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
   // Iterate through rows
   for (var j = 0, col; col = row.cells[j]; j++) {
     // Iterate through columns
   }  
}

Dans cette boucle, row représente la ligne actuelle et col représente la cellule actuelle. Vous pouvez accéder aux données dans une cellule en utilisant col.innerHTML.

Option 2 : Itérer uniquement dans les cellules

Si vous souhaitez uniquement parcourir les cellules, en ignorant le lignes, utilisez le code suivant :

var table = document.getElementById("mytab1");
for (var i = 0, cell; cell = table.cells[i]; i++) {
     // Iterate through cells
}

Dans cette boucle, cell représente la cellule actuelle et vous pouvez accéder à ses données en utilisant cell.innerHTML.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!