storage機能について

Question

let storage = sessionStorage;
storage.fruit1 = "apple";
storage.fruit2 = "orange";
storage.fruit3 = "grape";

これでセッションストレージに一時的に保存できたと思いますが、

let storage = sessionStorage;
for(let i = 0; i < storage.length; i++) {
	let k = storage.key(i);
	let v = storage.getItem(k);
	console.log(k + ":" + v);
}

このようにデータを取り出した時、

[Log] fruit3:grape (sample2.js, line 5)
[Log] fruit1:apple (sample2.js, line 5)
[Log] fruit2:orange (sample2.js, line 5)

のように出力されてしまいます。

なぜ、fruit3が先に出力されてしまうのでしょうか。原因特定お願いします。

Answer 1

順序は保証されていません。

キーの順序はユーザエージェント依存であり、この順序に頼るべきではありません。

Storage.key() - Web API | MDN

Comments

[salah0615]

ありがとうございました！

Answer 2

特に「順序を保存する」という記述が無いので、実装依存の部分ではないでしょうか。
順序が必要なら配列をJSON化して保存してはいかがでしょう。

【Web Storage API を使用する - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

Comments

[salah0615]

助かりました!