Comment parcourir les lignes et les cellules d'un tableau à l'aide de JavaScript ?

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

Parcourir les éléments d'un tableau est essentiel pour accéder et manipuler les données dans les tableaux Web. Voici comment y parvenir efficacement en JavaScript :

Itérer individuellement les lignes et les cellules

Si vous souhaitez parcourir chaque ligne et cellule séparément, identifiez le tableau en son ID :

var table = document.getElementById("mytab1");

Imbriquer deux boucles comme suit :

for (var i = 0, row; row = table.rows[i]; i++) {
  // Iterate through rows
  // Access rows using the "row" variable
  for (var j = 0, col; col = row.cells[j]; j++) {
    // Iterate through columns
    // Access columns using the "col" variable
  }
}

Itérer à travers les cellules uniquement

Si vous avez seulement besoin de parcourir les cellules, quelle que soit leur ligne, utilisent le code suivant :

for (var i = 0, cell; cell = table.cells[i]; i++) {
  // Iterate through cells
  // Access cells using the "cell" variable
}

En utilisant ces techniques, vous pouvez facilement accéder et manipuler les données dans les tableaux HTML à partir de votre code JavaScript.

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!