{"id":4415,"date":"2021-02-17T18:05:47","date_gmt":"2021-02-17T17:05:47","guid":{"rendered":"https:\/\/dahoo.fr\/wordpress\/?p=4415"},"modified":"2021-02-17T10:30:43","modified_gmt":"2021-02-17T09:30:43","slug":"js-difference-entre-le-local-storage-session-storage","status":"publish","type":"post","link":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/","title":{"rendered":"Javascript : Diff\u00e9rence entre le LocalStorage &#038; SessionStorage"},"content":{"rendered":"<p>Cet article couvrira les concepts <strong>localStorage <\/strong>et <strong>sessionStorage<\/strong>, ainsi que les diff\u00e9rences entre les deux. On verra les principales m\u00e9thodes utilis\u00e9es pour travailler avec c&rsquo;est deux API. L&rsquo;avantage de ces options de stockage est qu&rsquo;elles sont assez simples \u00e0 utiliser, de plus les m\u00e9thodes sont commune aux deux.<\/p>\n<p>&nbsp;<\/p>\n<p><!--more--><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a28d408bc6ea\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a28d408bc6ea\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#Introduction\" >Introduction<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#Les_differences\" >Les diff\u00e9rences<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#Ajout_de_donnees_au_stockage\" >Ajout de donn\u00e9es au stockage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#Suppression_des_donnees_du_stockage\" >Suppression des donn\u00e9es du stockage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#Recuperation_des_donnees_du_stockage\" >R\u00e9cup\u00e9ration des donn\u00e9es du stockage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#Effacement_du_stockage\" >Effacement du stockage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#Bilan_et_avertissement\" >Bilan et avertissement<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#Source\" >Source<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Introduction\"><\/span>Introduction<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Les deux API, <strong>localStorage<\/strong> et <strong>sessionStorage<\/strong> vous donnent la possibilit\u00e9 de stocker des informations localement dans le navigateur via des paires cl\u00e9 =&gt; valeur. Les donn\u00e9es stock\u00e9es pour l&rsquo;un ou l&rsquo;autre API sont sp\u00e9cifiques au domaine. Cela signifie que les informations stock\u00e9es sur un site ne seront pas accessibles \u00e0 un site avec un domaine compl\u00e8tement diff\u00e9rent.<\/p>\n<p>Vous pouvez facilement afficher le \u00ab\u00a0<strong>stockage local<\/strong>\u00a0\u00bb et \u00ab\u00a0<strong>session local<\/strong>\u00a0\u00bb \u00e0 partir des outils de d\u00e9veloppement de votre navigateur. La console outils est accessible via la touche F12, ou alors dans le menu du navigateur.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Chrome :<\/strong> acc\u00e9dez \u00e0 l&rsquo;onglet <strong>Applications<\/strong> -&gt; Recherchez la section <strong>Stockage<\/strong> -&gt; Ouvrez le menu d\u00e9roulant \u00ab\u00a0<strong>Local Storage<\/strong>\u00a0\u00bb ou \u00ab\u00a0<strong>Session Storage<\/strong>\u00ab\u00a0.<br \/>\n<strong>Firefox :<\/strong> allez dans l&rsquo; onglet <strong>Stockage<\/strong> -&gt; Basculez pour ouvrir le menu d\u00e9roulant \u00ab\u00a0<strong>Stockage local<\/strong>\u00a0\u00bb ou \u00ab\u00a0<strong>Stockage de session<\/strong>\u00ab\u00a0.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Les_differences\"><\/span>Les diff\u00e9rences<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Le <strong>localStorage<\/strong> n&rsquo;a pas de date d&rsquo;expiration et persistera jusqu&rsquo;\u00e0 ce que vous l&rsquo;effaciez manuellement de votre navigateur. Cela peut inclure n&rsquo;importe quoi, de la suppression du cache \u00e0 l&rsquo;entr\u00e9e manuelle et \u00e0 la suppression des donn\u00e9es via les outils de d\u00e9veloppement.<\/p>\n<p>D&rsquo;autre part, <strong>sessionStorage<\/strong> sera supprim\u00e9 une fois que la vie de la page se termine, soit fermant votre navigateur ou votre onglet. En raison de cette limitation, <strong>sessionStorage<\/strong> est rarement utilis\u00e9 par rapport \u00e0 <strong>localStorage<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Ajout_de_donnees_au_stockage\"><\/span>Ajout de donn\u00e9es au stockage<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Pour ajouter des donn\u00e9es au stockage, vous d\u00e9finissez des paires cl\u00e9-valeur \u00e0 l&rsquo;aide de la m\u00e9thode <strong>setItem(&lsquo;key&rsquo;, &lsquo;value&rsquo;), <\/strong>les valeurs que vous transmettez doivent \u00eatre des cha\u00eenes. Vous pouvez \u00e9galement d\u00e9finir des types de donn\u00e9es plus complexes comme des tableaux et des objets, mais vous devrez les convertir en une cha\u00eene \u00e0 l&rsquo;aide de la m\u00e9thode <strong>JSON.stringify(value)<\/strong>.<\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:false,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">\/* Ajout d'un item au localStorage (Basique) *\/\r\nlocalStorage.setItem('musician', 'Vladimir\u00a0Horowitz');\r\n\r\n\/* Ajout d'un item au sessionStorage (Basique) *\/\r\nsessionStorage.setItem('instrument', 'Piano');\r\n\r\n\/* Ajout d'un objet au localStorage *\/\r\nlet object = {name: 'Paul Desmond', instrument: 'Alto Saxophone'};\r\nlocalStorage.setItem('musicianInfo', JSON.stringify(object));\r\n<\/pre>\n<\/div>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Suppression_des_donnees_du_stockage\"><\/span>Suppression des donn\u00e9es du stockage<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Vous pouvez supprimer un \u00e9l\u00e9ment du stockage via la <strong>removeItem(keyName)<\/strong> m\u00e9thode. Cette m\u00e9thode accepte une cha\u00eene du nom de la cl\u00e9 que vous souhaitez supprimer.<\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:false,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">localStorage.removeItem('musician');\r\nsessionStorage.removeItem('musician');<\/pre>\n<\/div>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Recuperation_des_donnees_du_stockage\"><\/span>R\u00e9cup\u00e9ration des donn\u00e9es du stockage<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Vous pouvez r\u00e9cup\u00e9rer un \u00e9l\u00e9ment du stockage via la <strong>getItem(keyName)<\/strong> m\u00e9thode. Comme <strong>removeItem()<\/strong>, cette m\u00e9thode accepte \u00e9galement une cha\u00eene du nom de la cl\u00e9 avec laquelle vous souhaitez interagir.<\/p>\n<p>Lorsque vous devez d\u00e9-stringifier un objet qui a \u00e9t\u00e9 stock\u00e9, vous pouvez utiliser <strong>JSON.parse()<\/strong> pour analyser la cha\u00eene et la reconvertir en objet.<\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:false,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">\/* R\u00e9cup\u00e9ration d'une seul valeur *\/\r\nlet musician = sessionStorage.getItem('musician');\r\n\r\n\/* Parsage d'un objet avec un JSON *\/\r\nlet data = localStorage.getItem(\"musicianInfo\");\r\nlet musicianInfo = JSON.parse(data);<\/pre>\n<\/div>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Effacement_du_stockage\"><\/span>Effacement du stockage<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Pour supprimer tous les \u00e9l\u00e9ments du stockage, utilisez la <strong>clear()<\/strong> m\u00e9thode. Cette m\u00e9thode est assez brutale mais tr\u00e8s efficace.<\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:false,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">localStorage.clear();\r\nsessionStorage.clear();\r\n<\/pre>\n<\/div>\n<h2><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"Bilan_et_avertissement\"><\/span>Bilan et avertissement<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Avec seulement quelques m\u00e9thodes, vous pouvez rapidement \u00eatre op\u00e9rationnel avec le stockage local et de session.\u00a0\u00c9tant donn\u00e9 que les donn\u00e9es stock\u00e9es sont facilement accessibles \u00e0 partir du navigateur, vous ne devriez envisager d&rsquo;utiliser ces options de stockage que si les donn\u00e9es que vous souhaitez conserver contiennent\u00a0des\u00a0informations\u00a0<strong><em>non sensibles<\/em><\/strong>\u00a0.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Source\"><\/span>Source<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Article source : https:\/\/blog.alyssaholland.me\/local-storage-vs-session-storage<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cet article couvrira les concepts localStorage et sessionStorage, ainsi que les diff\u00e9rences entre les deux. On verra les principales m\u00e9thodes utilis\u00e9es pour travailler avec c&rsquo;est deux API. L&rsquo;avantage de ces options de stockage est qu&rsquo;elles&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":4632,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"footnotes":""},"categories":[391,51,41],"tags":[462,461,354,459,260,460,157],"class_list":["post-4415","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-javascript-jquery","category-programmation","category-tuto","tag-donnee","tag-javascript","tag-js","tag-localstorage","tag-programmation","tag-sessionstorage","tag-tuto","post_format-post-format-image"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Javascript : Diff\u00e9rence entre le LocalStorage &amp; SessionStorage - D@hoo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Javascript : Diff\u00e9rence entre le LocalStorage &amp; SessionStorage - D@hoo\" \/>\n<meta property=\"og:description\" content=\"Cet article couvrira les concepts localStorage et sessionStorage, ainsi que les diff\u00e9rences entre les deux. On verra les principales m\u00e9thodes utilis\u00e9es pour travailler avec c&rsquo;est deux API. L&rsquo;avantage de ces options de stockage est qu&rsquo;elles&#046;&#046;&#046;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/\" \/>\n<meta property=\"og:site_name\" content=\"D@hoo\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-17T17:05:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dahoo.fr\/wordpress\/wp-content\/uploads\/2021\/02\/javascript.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fabacks\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fabacks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/\"},\"author\":{\"name\":\"Fabacks\",\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/#\\\/schema\\\/person\\\/08ab6e7b6f186b7e033fe862d72137d2\"},\"headline\":\"Javascript : Diff\u00e9rence entre le LocalStorage &#038; SessionStorage\",\"datePublished\":\"2021-02-17T17:05:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/\"},\"wordCount\":574,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/javascript.png\",\"keywords\":[\"donn\u00e9e\",\"javascript\",\"js\",\"localStorage\",\"programmation\",\"SessionStorage\",\"tuto\"],\"articleSection\":[\"Javascript \\\/ Jquery\",\"Programmation\",\"Tuto\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/\",\"url\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/\",\"name\":\"Javascript : Diff\u00e9rence entre le LocalStorage & SessionStorage - D@hoo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/javascript.png\",\"datePublished\":\"2021-02-17T17:05:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/#\\\/schema\\\/person\\\/08ab6e7b6f186b7e033fe862d72137d2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/javascript.png\",\"contentUrl\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/javascript.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/js-difference-entre-le-local-storage-session-storage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Javascript : Diff\u00e9rence entre le LocalStorage &#038; SessionStorage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/\",\"name\":\"D@hoo\",\"description\":\"Dahoo, la taverne du geek\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/#\\\/schema\\\/person\\\/08ab6e7b6f186b7e033fe862d72137d2\",\"name\":\"Fabacks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5774810a4a71ec90d75c578017954d3e8d660747be025fdae4d44599410b4806?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5774810a4a71ec90d75c578017954d3e8d660747be025fdae4d44599410b4806?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5774810a4a71ec90d75c578017954d3e8d660747be025fdae4d44599410b4806?s=96&r=g\",\"caption\":\"Fabacks\"},\"description\":\"Fabacks, fondateur du projet Dahoo proposant des news, des tutos, des tests tout cela gratuitement. Un bidouilleur et fan d'informatique en tout genre qui vous fera partager ses exp\u00e9riences.\",\"sameAs\":[\"http:\\\/\\\/dahoo.fr\"],\"url\":\"https:\\\/\\\/dahoo.fr\\\/wordpress\\\/author\\\/fabien\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Javascript : Diff\u00e9rence entre le LocalStorage & SessionStorage - D@hoo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/","og_locale":"fr_FR","og_type":"article","og_title":"Javascript : Diff\u00e9rence entre le LocalStorage & SessionStorage - D@hoo","og_description":"Cet article couvrira les concepts localStorage et sessionStorage, ainsi que les diff\u00e9rences entre les deux. On verra les principales m\u00e9thodes utilis\u00e9es pour travailler avec c&rsquo;est deux API. L&rsquo;avantage de ces options de stockage est qu&rsquo;elles&#46;&#46;&#46;","og_url":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/","og_site_name":"D@hoo","article_published_time":"2021-02-17T17:05:47+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/dahoo.fr\/wordpress\/wp-content\/uploads\/2021\/02\/javascript.png","type":"image\/png"}],"author":"Fabacks","twitter_misc":{"\u00c9crit par":"Fabacks","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#article","isPartOf":{"@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/"},"author":{"name":"Fabacks","@id":"https:\/\/dahoo.fr\/wordpress\/#\/schema\/person\/08ab6e7b6f186b7e033fe862d72137d2"},"headline":"Javascript : Diff\u00e9rence entre le LocalStorage &#038; SessionStorage","datePublished":"2021-02-17T17:05:47+00:00","mainEntityOfPage":{"@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/"},"wordCount":574,"commentCount":0,"image":{"@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#primaryimage"},"thumbnailUrl":"https:\/\/dahoo.fr\/wordpress\/wp-content\/uploads\/2021\/02\/javascript.png","keywords":["donn\u00e9e","javascript","js","localStorage","programmation","SessionStorage","tuto"],"articleSection":["Javascript \/ Jquery","Programmation","Tuto"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/","url":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/","name":"Javascript : Diff\u00e9rence entre le LocalStorage & SessionStorage - D@hoo","isPartOf":{"@id":"https:\/\/dahoo.fr\/wordpress\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#primaryimage"},"image":{"@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#primaryimage"},"thumbnailUrl":"https:\/\/dahoo.fr\/wordpress\/wp-content\/uploads\/2021\/02\/javascript.png","datePublished":"2021-02-17T17:05:47+00:00","author":{"@id":"https:\/\/dahoo.fr\/wordpress\/#\/schema\/person\/08ab6e7b6f186b7e033fe862d72137d2"},"breadcrumb":{"@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#primaryimage","url":"https:\/\/dahoo.fr\/wordpress\/wp-content\/uploads\/2021\/02\/javascript.png","contentUrl":"https:\/\/dahoo.fr\/wordpress\/wp-content\/uploads\/2021\/02\/javascript.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/dahoo.fr\/wordpress\/js-difference-entre-le-local-storage-session-storage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/dahoo.fr\/wordpress\/"},{"@type":"ListItem","position":2,"name":"Javascript : Diff\u00e9rence entre le LocalStorage &#038; SessionStorage"}]},{"@type":"WebSite","@id":"https:\/\/dahoo.fr\/wordpress\/#website","url":"https:\/\/dahoo.fr\/wordpress\/","name":"D@hoo","description":"Dahoo, la taverne du geek","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dahoo.fr\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/dahoo.fr\/wordpress\/#\/schema\/person\/08ab6e7b6f186b7e033fe862d72137d2","name":"Fabacks","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/5774810a4a71ec90d75c578017954d3e8d660747be025fdae4d44599410b4806?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5774810a4a71ec90d75c578017954d3e8d660747be025fdae4d44599410b4806?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5774810a4a71ec90d75c578017954d3e8d660747be025fdae4d44599410b4806?s=96&r=g","caption":"Fabacks"},"description":"Fabacks, fondateur du projet Dahoo proposant des news, des tutos, des tests tout cela gratuitement. Un bidouilleur et fan d'informatique en tout genre qui vous fera partager ses exp\u00e9riences.","sameAs":["http:\/\/dahoo.fr"],"url":"https:\/\/dahoo.fr\/wordpress\/author\/fabien\/"}]}},"jetpack_featured_media_url":"https:\/\/dahoo.fr\/wordpress\/wp-content\/uploads\/2021\/02\/javascript.png","_links":{"self":[{"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/posts\/4415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/comments?post=4415"}],"version-history":[{"count":5,"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/posts\/4415\/revisions"}],"predecessor-version":[{"id":4635,"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/posts\/4415\/revisions\/4635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/media\/4632"}],"wp:attachment":[{"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/media?parent=4415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/categories?post=4415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dahoo.fr\/wordpress\/wp-json\/wp\/v2\/tags?post=4415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}