Est-ce que localStorage accède à une opération lourde

Question

Une fonction de mon application nécessite l'accès à un élément de tableau. Je peux soit générer un index aléatoire chaque fois que cette fonction est appelée ou stocker l'index visité précédent dans localStorage et puis obtenir cette valeur et initialiser index à 1 + previous_index

Je dois persister les données d'index pour le cas lorsque l'utilisateur visite à nouveau ma demande.

Donc, maintenant je dois choisir entre un. Soit utiliser Math.random() ou utiliser localStorage.

Quelle option sera la plus rapide.

PS: même si cela aura un impact moindre sur les performances. Mais la question principale ici est sont l'accès localStorage opérations lourdes

Answer 1

Est-ce une opération lourde, je suis enclin à dire non ..

Est-ce que ça va être plus lent alors Math.random()? Je dirais que cela dépend de votre code .. (comme dans ce faites-vous d'autre)

J'ai fait jsperf here

var a = [] 

var key = Math.random() 
a[key] = 'test' 

vs

var a = [] 

var key = parseInt(localStorage.getItem('key')) || 0 
localStorage.setItem('key', key+1) 
a[key] = 'test' 

la Math.random() est beaucoup plus rapide mais je ne Ne gardez aucune touche .. les touches sont flottantes et dans mon exemple, vous ne pouvez pas utiliser a.length en raison des flotteurs, il retourne 0 tout le temps!

Answer 2

La réponse à votre question « Existe-t-accès de stockage locaux opérations lourdes » est NO Mais par rapport à une fonction locale, il est plus lent. Vous pouvez exécuter le test indiqué ici pour le stockage local et la fonction locale, car il doit effectuer un E/S.

https://jsperf.com/localstorage2

Cependant, une autre question principale, vous trouverez peut-être « navigateur ne peut pas autoriser l'enregistrement local dans la navigation en mode privé ». Les navigateurs ne permettent pas en mode normal aussi en raison de problèmes de sécurité. Vous pouvez en savoir plus sur les problèmes de sécurité liés au stockage local.

// Enregistrer localStorage.setItem ("lastname", "Keny"); // Récupère document.getElementById ("result"). InnerHTML = localStorage.getItem ("lastname")

// Récupérer

espérons que cela aide.