javascript - 为什么sessionStorage中没有逻辑顺序？

Question

我的 SessionStorage 有问题。我按特定顺序存储了所有项目，但当我尝试取回它们时(使用 for 循环)，它们的顺序不正确。

这是我设置 SessionStorage 的方式:

function set_Item(){
    var nom = document.getElementById("nom").value;
    nom = nom.toUpperCase();
    sessionStorage.setItem("Nom", nom);
    sessionStorage.setItem("Prenom", document.getElementById("prnm").value);
    sessionStorage.setItem("Adr", document.getElementById("adr").value);
    sessionStorage.setItem("cdPost", document.getElementById("cdPost").value);
    sessionStorage.setItem("Ville", document.getElementById("ville").value);
    sessionStorage.setItem("Pays", document.getElementById("pays").value);
}

这就是我取回元素的方式:

function get_Item(){
    var res = document.getElementById("res");
    var txt;
    var key;
    var valeur;
    for(var i = 0; i< sessionStorage.length; i++){
        key = sessionStorage.key(i);
        valeur = sessionStorage.getItem(key);
        if(key == "Nom"){
            txt = document.createElement("p");
            txt.textContent = valeur + " " + sessionStorage.getItem(sessionStorage.key(i+1));
            res.insertAdjacentElement('beforeend',txt);
            i++;
        }else {
            txt = document.createElement("p");
            txt.textContent = valeur + " ";
            res.insertAdjacentElement('beforeend',txt);
        }
    }
}

我得到的:

项目的顺序是随机的，有时会发生变化。

我知道我可以使用键来获取正确的项目并设置良好的渲染顺序。但这种行为的原因是什么？

Answer 1

Storage 对象(即在 session 存储和本地存储中)中键的顺序是用户代理定义的(即标准不需要任何特定顺序，它取决于用户-代理/浏览器来决定一个)。

来自living HTML standard :

The key(n) method must return the name of the nth key in the list. The order of keys is user-agent defined, but must be consistent within an object so long as the number of keys doesn't change. (Thus, adding or removing a key may change the order of the keys, but merely changing the value of an existing key must not.)