セッションストレージに保存したデータの上書き

Question

よく理解できてないので教えてください。

//■JSON文字列をセッションストレージに書き込む
// 処理対象のオブジェクト配列

var shouhin = [
    { cate: '1', code: '0001', name: 'コーヒー', price: 300, count: 3 },
    { cate: '2', code: '0101', name: 'パン', price: 150, count: 3 },
    { cate: '3', code: '0201', name: 'バター', price: 400, count: 6 },
    { cate: '3', code: '0202', name: 'あんこ', price: 200, count: 0  },
    { cate: '3', code: '0203', name: 'りんごジャム', price: 100, count: 1 },
    { cate: '3', code: '0204', name: 'いちごジャム', price: 120, count: 0 }
];

var jstr = JSON.stringify( shouhin );
sessionStorage.setItem( "jsons" , jstr );

と保存して、

//■読み込み参照

var shouhin = JSON.parse( sessionStorage.getItem("jsons") );
$.each(shouhin,
 function(index, val) {
  console.log(val.code);
  console.log(val.name);
  console.log(val.count);
 }
);

と読み出すのは、例題そのままで出来ましたが、

指定箇所のデータを上書きするには、どう書けば良いのでしょうか？
例えば、code '0202' の count '0' を '1' にしたい場合。
setItem でどう書けば良いかわかりません。

よろしくお願いします。

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。

[hakujam]

ありがとうそざいます。以後そうします。

[m.ts10806]

質問は編集できるので適宜ご対応いただきたく。たぶん次の機会には忘れてると思いますので、今のうちにやってみてください

[m.ts10806]

難しければコード部分を選択状態にして<code>ボタンを押すだけでいいです。

[hakujam]

なんとなくわかりました。ありがとうそざいます。

[m.ts10806]

解決後での指摘失礼しました。
コードが読みやすくなり、インデントなどもきちんと反映され、コピペもボタン１つなので回答者側からすると回答する際に非常に助かるので、今後活用してください。

[hakujam]

はい、教えて頂いてよかったです。ありがとうございました。

Answer 1

一部分だけ変更する方法はありませんので、「いったんJSON.parseして変数に展開する」→「必要な箇所を変更する」→「再度保存」というような手順をたどる必要があります。

var shouhin = JSON.parse( sessionStorage.getItem("jsons") );
// ループから脱出するためにsome
shouhin.some(function(item) {
  if(item.code !== '0202') return;
  item.count = '1';
  return true;
});

var jstr = JSON.stringify( shouhin );
sessionStorage.setItem( "jsons" , jstr );

Comments

[hakujam]

ありがとうそざいます。勉強になります。助かりました。今、行えないので午後から試してみます。