`localStorage` est une propriété globale JavaScript qui permet de stocker des données dans le navigateur web d’un utilisateur sur une longue durée. Il est très utile pour stocker des informations d’utilisateur, comme les préférences ou les données d’une session, ce qui donne une meilleure expérience utilisateur car les données restent même après que le navigateur soit fermé.
Voici comment utiliser localStorage en JavaScript:
1. Stocker des données dans le localStorage
Vous pouvez stocker des données à l’aide de la méthode `setItem()`. Cette méthode prend deux paramètres: une clé et une valeur. \`\`\`javascript localStorage.setItem(‘nom’, ‘Doe’); \`\`\`1. Récupérer des données du localStorage
Vous pouvez récupérer les données stockées à l’aide de la méthode `getItem()`. Cette méthode prend un paramètre: la clé de la valeur que vous souhaitez récupérer. \`\`\`javascript var nom = localStorage.getItem(‘nom’); \`\`\`1. Supprimer des données du localStorage
Vous pouvez supprimer des données spécifiques à l’aide de `removeItem()`. Cette méthode prend un paramètre: la clé de la valeur que vous souhaitez supprimer. \`\`\`javascript localStorage.removeItem(‘nom’); \`\`\` Si vous souhaitez supprimer toutes les données stockées, utilisez la méthode `clear()`. \`\`\`javascript localStorage.clear(); \`\`\`Il est important de noter qu’il y a des limites à la fonctionnalité de `localStorage`. `localStorage` est synchronisé entre les onglets et les fenêtres du même origin, et les données sont persistées même quand les fenêtres et les onglets sont fermés. `localStorage` a une limite de stockage d’environ 5 à 10 Mo selon le navigateur, et il ne peut stocker que des chaînes de caractères, vous devez donc convertir les objets JavaScript en JSON.
\`\`\`javascript var obj = {name: ‘John’, age: 30}; localStorage.setItem(‘user’, JSON.stringify(obj)); var user = JSON.parse(localStorage.getItem(‘user’)); console.log(user.name); \`\`\`