Back

Les tableaux associatifs en PHP

Les tableaux associatifs en PHP

  1. Objectifs

    • Connaitre les tableaux associatifs

  2. Présentation

    • Un tableau associatif est un tableau que ces indexes sont crées par l’utilisateur et qu’il va les associer à chaque valeur.
    • Un tableau associatif est un ensemble de couples (clé, valeur). Une clé est soit un entier soit une chaîne de caractères. Une valeur est une donnée quelconque (booléen, numérique, chaîne de caractères..). La valeur d’un élément d’une collection dépend donc du couple (nom de la collection, clé).

  3. Création d’un tableau associatif

    • Pour créer un tableau associatif en PHP il existe plusieurs méthodes ou écritures:
      1. Première écriture

        1. Syntaxe:

          • $nom_tableau= array(cle1 => valeur1,cle2 => valeur2,cle3 => valeur3…..)

        2. Exemple:

            3. <?php
$semaine=array('prmier_jour'=>'lundi','deuxième_jour'=>'mardi','troisième_jour'=>'mercredi','quatrième_jour'=>'jeudi',
'cinquième_jour'=>'vendredi','sixième_jour'=>'samedi','septième_jour'=>'dimanche');
?>

        3. Description

          • Ce tableau est une variable en lui même puisqu’il commence par $
          • Les éléments du tableau peuvent être de même type ou de type différent
      2. Deuxième écriture

        1. Syntaxe:4

          • $nom_tableau= array ();
          • $nom_tableau [‘clé1’]= valeur1;
          • $nom_tableau [‘clé2’]= valeur2;
          • $nom_tableau [‘clé3’]= valeur3;

        2. Exemple:

            3. <?php
$semaine=array();
$semaine['prmier_jour']='lundi';
$semaine['deuxième_jour']='mardi';
$semaine['troisième_jour']='mercredi';
$semaine['quatrième_jour']='jeudi';
$semaine['cinquième_jour']='vendredi';
$semaine['sixième_jour']='samedi';
$semaine['septième_jour']='dimanche';
?>

        3. Description

          • Pour cette écriture les indexes sont implicites et c’est le compilateur qui en déduit les valeurs qui commencent par défaut de 0 et s’incrémentent de 1.
          • $semaine=array(); est facultative. Mais le fait de la déclarer est vu comme une bonne habitude.
          • Ici on a crée un tableau vide puis on l’a rempli par la suite.
      3. Troisième écriture

        1. Syntaxe:

          • $nom_tableau= [cle1 => valeur1,cle2 => valeur2,cle3 => valeur3…..]

        2. Exemple:

            3. <?php
$semaine=['prmier_jour'=>'lundi','deuxième_jour'=>'mardi','troisième_jour'=>'mercredi','quatrième_jour'=>'jeudi',
'cinquième_jour'=>'vendredi','sixième_jour'=>'samedi','septième_jour'=>'dimanche'];
?>

        3. Description

          • C’est l’écriture le plus simplifiée

  4. Lecture d’un tableau associatif

    1. Lecture d’une valeur
      • Pour lire une valeur d’un tableau indexé, on appelle la variable avec, entre les crochets [ ], le numéro de la clé correspondant à la valeur.
        • <?php
$semaine=['prmier_jour'=>'lundi','deuxième_jour'=>'mardi','troisième_jour'=>'mercredi','quatrième_jour'=>'jeudi','cinquième_jour'=>'vendredi','sixième_jour'=>'samedi','septième_jour'=>'dimanche'];
echo $semaine['prmier_jour']; //Affiche lundi
?>
    2. Lecture de plusieurs valeurs
      • Pour lire tous les élément d’un tableau, la solution c’est à utiliser la boucle forou la boucle while. Cependant, PHP inclue une structure de contrôle qui s’applique spécialement aux tableaux. Il s’agit de la structure foreach.
        • <?php
$semaine=array('prmier_jour'=>'lundi','deuxième_jour'=>'mardi',
'troisième_jour'=>'mercredi','quatrième_jour'=>'jeudi',
'cinquième_jour'=>'vendredi','sixième_jour'=>'samedi',
'septième_jour'=>'dimanche');
 
foreach ($semaine as $jour)
{ //affiche jour
echo($jour."</br>");
}
echo "</br></br>";
foreach ($semaine as $jour =>$value)
{ //affiche prmier_jour Lundi
echo ("<b>".$jour."</b> ".$value."</br>");
}
?>
    3. Affichage avec bootstrap5
        4. <!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
  <?php
    $semaine=array('prmier_jour'=>'lundi','deuxième_jour'=>'mardi',
    'troisième_jour'=>'mercredi','quatrième_jour'=>'jeudi',
    'cinquième_jour'=>'vendredi','sixième_jour'=>'samedi',
    'septième_jour'=>'dimanche');
     
    ?>
    <div class="container">
    <table class="table table-striped table-hover">
        <thead class="table-light">
            <tr>
                <th>Jours</th>
            </tr>
        </thead>
            <tbody>
    <?php
    $classesTableau = [
        "table-primary",
        "table-secondary",
        "table-success",
        "table-danger",
        "table-warning",
        "table-info",
        "table-light",
        "table-dark"
    ];
    $j=0;
            foreach ($semaine as $jour)
            {
                if($j>=count($classesTableau))$j=0;
                echo "<tr class='".$classesTableau[$j]."'>";     
                echo("<td>".$jour."</td>");
                echo "</tr>";
                $j++;
            }
    ?>
            </tbody>
    </table>
    <table class="table table-striped table-hover">
        <thead class="table-light">
            <tr>
                <th>Valeurs</th>
                <th>Jours</th>
            </tr>
        </thead>
            <tbody>

<?php
    echo "</br></br>";
    foreach ($semaine as $jour =>$value)
    { 
        if($j>=count($classesTableau))$j=0;
            echo "<tr class='".$classesTableau[$j]."'>";     
            echo("<td>".$jour."</td>");
            echo("<td>".$value."</td>");
            echo "</tr>";
        $j++;
    }
    ?>
</tbody>
    </table>
</div>



    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
    -->
  </body>
</html>

  5. Modifier une valeur dans un tableau associatif

    • Pour modifier une valeur dans un tableau associatif en PHP, vous devez spécifier la clé de l’élément que vous souhaitez mettre à jour, puis lui affecter la nouvelle valeur.
    • Supposons que vous ayez un tableau associatif appelé $personne :
      • <?php
$personne = array(
    'nom' => 'Doe',
    'prénom' => 'John',
    'âge' => 30
);
?>
    • Pour modifier l’âge de la personne dans ce tableau associatif, vous pouvez faire ceci :
      • <?php$personne['âge'] = 31;?>
    • Après cette opération, la valeur de l’âge dans le tableau associatif $personne sera mise à jour à 31.
    • Vous pouvez utiliser la même approche pour modifier n’importe quelle autre valeur dans le tableau associatif en spécifiant la clé correspondante et en lui attribuant la nouvelle valeur.

  6. Applications

    1. Exercice 01

      1. Énoncé

        • Créez un fichier PHP nommé data.php contenant un tableau multidimensionnel associatif avec les noms de 10 personnes et des informations telles que le prénom, la ville de résidence et l’âge de chaque personne.
        • Créez un fichier PHP nommé table.php pour générer la page HTML qui affiche les données de manière structurée. Incluez le tableau de données et le CSS dans ce fichier.
        • Si vous n’avez pas utilisé bootstrap 5, créez un fichier CSS nommé styles.css pour styliser le tableau HTML.
        • L’objectif est de créer une page HTML qui affiche les données du tableau multidimensionnel associatif de manière structurée et attrayante en utilisant Bootstrap 5 ou CSS. Le fichier data.php doit contenir des informations pour au moins 10 personnes, avec leur nom, prénom, ville de résidence et âge. Le fichier table.php doit inclure le tableau HTML généré à partir des données de data.php, et le fichier styles.css doit être utilisé pour styliser le tableau. Cette approche facilitera la gestion, la maintenance et la personnalisation de chaque aspect de l’exercice.
        Solution
        • page data.php
            • <php
$personnes = array(
    "Ahmed" => array("prénom" => "Ahmed", "ville" => "Tunis", "âge" => 30),
    "Sofia" => array("prénom" => "Sofia", "ville" => "Sousse", "âge" => 25),
    "Karim" => array("prénom" => "Karim", "ville" => "Sfax", "âge" => 28),
    "Leila" => array("prénom" => "Leila", "ville" => "Nabeul", "âge" => 33),
    "Youssef" => array("prénom" => "Youssef", "ville" => "Kairouan", "âge" => 29),
    "Nour" => array("prénom" => "Nour", "ville" => "Tozeur", "âge" => 26),
    "Inès" => array("prénom" => "Inès", "ville" => "Bizerte", "âge" => 31),
    "Mehdi" => array("prénom" => "Mehdi", "ville" => "Mahdia", "âge" => 35),
    "Amina" => array("prénom" => "Amina", "ville" => "Monastir", "âge" => 27),
    "Khalil" => array("prénom" => "Khalil", "ville" => "Gabes", "âge" => 32),
); ?>
        • page table.php
            • <!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
   <div class="container">
  <h1>Tableau des Personnes </h1>
     <table class="table table-striped ">
         <thead class="table-dark">
      <tr>
             <th>Nom </th>
             <th>Prénom </th>
             <th>Ville de résidence </th>
            <th>Âge </th>
         </tr>
        </thead>
        <tbody>
         <?php include 'data.php'; ?>
         <?php foreach ($personnes as $nom => $info): ?>
        <tr>
            <td><?php echo $nom; ?></td>
            <td><?php echo $info['prénom']; ?></td>
            <td><?php echo $info['ville']; ?></td>
            <td><?php echo $info['âge']; ?></td>
        </tr>
    <?php endforeach; ?>
        </tbody>
    </table>
        </div>




    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
    -->
  </body>
</html>
        • page styles.css
            • <php table {
    border-collapse: collapse;
    width: 60%;
    margin: 20px auto;
}

th, td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

th {
    background-color: #f2f2f2;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

tr:nth-child(odd) {
    background-color: #fff;
}
?>
    2. Exercice 02

      1. Énoncé

        • Créer un tableau associant à chaque mois de l’année le nombre de jours du mois. (On supposera que l’année n’est pas bissextile.)
        • Afficher, sous forme d’un tableau de deux colonnes en utilisant le framework Bootstrap, le nombre de jours de chaque mois.

    3. Exercice 03

      1. Énoncé

        • Créer un tableau en PHP pour afficher les informations d’étudiants à partir d’un tableau multidimensionnel associatif. Chaque étudiant aura les informations suivantes :
          • Nom
          • Âge
          • Notes dans plusieurs matières (Mathématiques, Science, et Histoire)





author avatar
Riadh HAJJI

Riadh HAJJI

You may also like

Envoyer un email en php depuis localhost avec PhpMailer
8 mai, 2023

Envoyer des e-mails en PHP Comment envoyer un email en php depuis localhost? Récupérer un mot de passe oublié en PHP 1-3 Récupérer un mot de passe oublié en PHP 2-3 Récupérer un mot de passe oublié en PHP 3-3 …

Créer un PDF en PHP avec FPDF
3 avril, 2023

Application CRUD avec PHP et MySQL Insérer plusieurs lignes dans une table MySQL avec PDO PHP Créer une pagination en PHP avec MySQL et Bootstrap Créer CRUD en PHP et MySQL en utilisant Bootstrap Modal Créer CRUD en PHP, Ajax …

Les tableaux indexés en PHP
26 novembre, 2022

Les tableaux en PHP Les tableaux indexés en PHP Les tableaux associatifs en PHP Les tableaux multidimensionnels en PHP Opération sur les tableaux en PHP Parcourir un tableau en PHP Trier des tableaux en PHP Exercices les tableaux en PHP …

Leave A Reply