Analyse approfondie des principales fonctions du stockage local : il faut savoir à quoi il peut servir !
Introduction :
Dans le développement Web moderne, nous avons souvent besoin de stocker des données dans le navigateur pour partager des données entre différentes pages ou utiliser des données hors ligne. Localstorage est une fonctionnalité importante introduite par HTML5, qui fournit un moyen simple et puissant de stocker et de lire des données locales. Dans cet article, nous analyserons en profondeur les principales fonctions de localstorage et fournirons des exemples de code spécifiques pour aider les lecteurs à mieux comprendre son utilisation.
// 存储数据 localStorage.setItem('name', 'Tom'); localStorage.setItem('age', '25');
En appelant la méthode localStorage.setItem(key, value)
, nous pouvons stocker la paire clé-valeur correspondante. dans le stockage local. Dans l'exemple ci-dessus, nous avons stocké des données nommées « nom » et « âge ». localStorage.setItem(key, value)
方法,我们可以将对应的键值对存储到localstorage中。在上述示例中,我们存储了名为'name'和'age'的数据。
// 读取数据 let name = localStorage.getItem('name'); let age = localStorage.getItem('age'); console.log(name, age);
通过调用localStorage.getItem(key)
方法,我们可以根据键获取对应的值。在上述示例中,我们读取了名为'name'和'age'的数据,并将其打印到控制台。
localStorage.setItem(key, value)
方法,并提供新的值即可。下面是一个更新数据的示例代码:// 更新数据 localStorage.setItem('age', '30');
在上述示例中,我们通过调用localStorage.setItem(key, value)
方法来更新名为'age'的数据。
localStorage.removeItem(key)
方法将其删除。下面是一个删除数据的示例代码:// 删除数据 localStorage.removeItem('name');
在上述示例中,我们通过调用localStorage.removeItem(key)
方法来删除名为'name'的数据。
localStorage.clear()
方法。下面是一个清空本地存储的示例代码:// 清空本地存储 localStorage.clear();
在上述示例中,我们通过调用localStorage.clear()
Une fois les données stockées dans le stockage local, nous pouvons les lire à tout moment. Nous pouvons accéder aux valeurs stockées dans le stockage local par clé. Voici un exemple de code pour lire des données :
localStorage.getItem(key)
, nous pouvons obtenir la valeur correspondante en fonction de la clé. Dans l'exemple ci-dessus, nous lisons les données nommées « nom » et « âge » et les imprimons sur la console. 🎜localStorage.setItem(key, value)
et de fournir la nouvelle valeur. Voici un exemple de code pour mettre à jour les données : 🎜🎜rrreee🎜Dans l'exemple ci-dessus, nous mettons à jour les données nommées 'age' en appelant la méthode localStorage.setItem(key, value)
. 🎜localStorage.removeItem(key)
. Voici un exemple de code pour supprimer des données : 🎜🎜rrreee🎜Dans l'exemple ci-dessus, nous supprimons les données nommées 'name' en appelant la méthode localStorage.removeItem(key)
. 🎜localStorage.clear()
. Voici un exemple de code pour effacer le stockage local : 🎜🎜rrreee🎜Dans l'exemple ci-dessus, nous effaçons toutes les données du stockage local en appelant la méthode localStorage.clear()
. 🎜🎜Résumé : 🎜Grâce à l'introduction de cet article, nous avons appris que le stockage local est une fonction importante fournie par HTML5, qui permet de stocker et de lire facilement des données locales. Nous pouvons utiliser le stockage local pour stocker des données, lire des données, mettre à jour des données, supprimer des données et effacer le stockage local. L’utilisation de localstorage est très simple, il suffit d’appeler la méthode correspondante. J'espère que cet article pourra aider les lecteurs à mieux comprendre et appliquer les principales fonctions du stockage local. 🎜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!