Quanto spazio occupa la chiave localstorage?

Question

Diciamo di aver creato una chiave di memorizzazione locale e di dargli una stringa vuota. Il nome del keyitem occupa la stessa quantità di spazio del valore per carattere?

per esempio fa

localStorage.setItem("keyitem","") 
//Equal the space of this other one under? 
localStorage.setItem("key","item"); 

Inoltre, non la quantità di chiavi importa? per esempio

localStorage.setItem("key",""); 
//Equal the amount of storage as the 3 under combined? 
localStorage.setItem("k",""); 
localStorage.setItem("o",""); 
localStorage.setItem("h",""); 

Answer 1

ho trovato una funzione una volta per calcolare la dimensione dei localStorage e sessionStorage oggetti, ma non riesco a ricordare dove l'ho trovato.

Ecco il codice:

Storage.prototype.size = function(units) { 
    'use strict'; 
    units = units ? units.toUpperCase() : 'MB'; 
    var size = unescape(encodeURIComponent(JSON.stringify(this))).length; 
    switch (units) { 
     case 'B': return [size,'B'].join(' '); 
     case 'KB': return [+(size/1024).toFixed(3),'KB'].join(' '); 
     default: return [+(size/1024/1024).toFixed(3),'MB'].join(' '); 
    } 
}; 

ho deciso di andare avanti e di eseguire alcuni test in vari browser.

Firefox (37.0.2):

Chrome (42.0.2311.90 m):

IE 11 (11.0.9600.17420):

Opera (29.0.1795.47):

così sembra FireFox, Chro io e Opera (probabilmente anche Safari, ma non ce l'ho) hanno tutti lo stesso comportamento e le chiavi occupano molto più spazio dei loro valori.

In IE (buon vecchio IE ...), l'implementazione viene eseguita in modo tale che non importa come si memorizza qualcosa.

Answer 2

è possibile determinare da soli utilizzando il JSON stringify metodi per trasformare l'oggetto localStorage in un oggetto JSON:

JSON.stringify(localStorage).length 

Questo non restituirà la dimensione effettiva della chiave come dati può essere memorizzato come utf16 (2 byte) o utf8 (1 byte), ma è un buon proxy per la dimensione effettiva. Vedi un frammento di codice qui sotto:

localStorage.clear() 
localStorage.setItem("keyitem","") 
document.write(JSON.stringify(localStorage).length+'</br>') 

//Equal the space of this other one under? 
localStorage.setItem("key","item"); 
document.write(JSON.stringify(localStorage).length+'</br>') 

localStorage.clear(); 
localStorage.setItem("key",""); 
document.write(JSON.stringify(localStorage).length+'</br>') 


//Equal the amount of storage as the 3 under combined? 
localStorage.setItem("k",""); 
localStorage.setItem("o",""); 
localStorage.setItem("h",""); 
document.write(JSON.stringify(localStorage).length+'</br>') 

Answer 3

Il nome della voce KEYper occupano la stessa quantità di spazio come valore farebbe per carattere?

No, non è necessario. La quantità di spazio occupato dalla chiave potrebbe essere maggiore della quantità di spazio preso in base al valore. Ma insieme lo spazio occupato dalla chiave e il valore dovrebbe essere di circa 5 MB (anche se questo si differenzia con il browser in quanto è il browser dipendente)

È possibile utilizzare questo codice per verificare:

localStorage.clear(); 
localStorage.setItem(new Array(5e6).join(' '),''); 
localStorage.key(0).length; 

Uscita su Chrome per la prova di cui sopra:

Quindi, fintanto che esso comes under 5MB (which is mostly the upper limit for most browsers) la chiave può avere qualsiasi lunghezza

Answer 4

Direi che questo è un dettaglio di implementazione per ciò che riguarda la reale struttura della memoria su disco.

In pratica viene assegnata una certa quantità di spazio per origine (solitamente 5MiB, per verificare lo spazio di archiviazione effettivo è possibile utilizzare questo test tool collegato nei documenti MDN) ed è possibile memorizzare i dati (sia in termini di chiavi che di valori) a condizione che non superi quella dimensione, come mostrato in una risposta precedente. Quindi sì lo keys are included in the storage quota.

Come indicato nello strumento di test che ho incluso, i caratteri sono in realtà UTF-16 in modo che occupino 2 byte della quota di archiviazione.

Si noti inoltre che la memoria memorizza le stringhe, questo significa che se si inserisce un float grande come chiave o valore non lo si memorizza nel suo formato binario ma come stringhe!

// These takes up the same space 
localStorage.setItem("a", 123); 
localStorage.setItem("a", "123"); 

Infatti se si tenta di fare typeof delle seguenti si ottiene string in entrambi i casi

localStorage.setItem("123", ""); 
localStorage.setItem(123, ""); 
typeof localStorage.key(0); // returns "string" 
typeof localStorage.key(1); // returns "string" as well 

Per quanto riguarda la seconda parte, in termini di stoccaggio questo

localStorage.setItem("k",""); 
localStorage.setItem("o",""); 
localStorage.setItem("h",""); 

dovrebbe prendi 3 caratteri di memoria dalla tua quota, ovvero 3 * 2 byte se usi UTF-16 o 3 byte se usi UTF-8.

Per una panoramica delle soluzioni di storage locale è possibile controllare qui http://www.html5rocks.com/en/features/storage

Answer 5

Ho eseguito un test in Chrome ed è stato in grado di dimostrare che la chiave occupa esattamente lo spazio della lunghezza.

Con una chiave di abc, sono stato in grado di impostare un valore di lunghezza 5242877. Con una chiave di a, sono stato in grado di impostare un valore di lunghezza 5242879. Come si può vedere, rimuovendo i caratteri dalla chiave liberato quelli 2 per il valore.