localstorage密钥本身占用多少空间？

Question

让我们说我创建一个localstorage键并给它一个空字符串.keyitem的名称是否占用与每个字符的值相同的空间量？

例如

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

此外,密钥的数量是否重要？例如

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

Answer 1

localStorage我曾经找到一个函数来计算和对象的大小sessionStorage，但我不记得在哪里找到它。

这是代码：

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(' ');
    }
};

我决定继续在各种浏览器中运行一些测试。

火狐（37.0.2）：

铬 (42.0.2311.90 m):

IE 11 (11.0.9600.17420):

歌剧（29.0.1795.47）：

所以看起来 FireFox、Chrome 和 Opera（可能还有 Safari，但我没有）都有相同的行为，并且键占用的空间比它们的值多得多。

在 IE（好旧的 IE...）中，实现的执行方式与您如何存储内容无关。