JavaScript - sessionStrageのsetItemで上書きではなく追加する方法

Question

sessionStrageのsetItemで、同名のストレージ領域に値をsetすると、既存の値が書き換えられてしまいます。
同じストレージ領域に値を追加していく方法はありますか？
一度getItemで取得して、再構築する必要があるのでしょうか？

    // 画面1
    const dataList = {
      dataA: 'A',
      dataB: 'B',
      dataC: 'C',
    }
    sessionStorage.setItem('dataStrage', JSON.stringify(dataList))

    // 画面2
    const dataList = {
      dataD: 'D',
      dataE: 'E',
      dataF: 'F',
    }
    // dataStrageが上書きされて、画面1のデータが消える
    sessionStorage.setItem('dataStrage', JSON.stringify(dataList)) 

要件として、別のストレージ領域を追加するのは出来ません。
同じ領域に追加する方法がありましたら、教えていただけますでしょうか？

Answer 1

sessionStorageにこだわる理由がわかりませんがsessionStorageは文字列しか保持できないので
配列をJSON化するくらいしかないでしょうけど、そんなめんどうなことをするならformdataの方が
よくないでしょうか？（どうせsessionStorageは一時保持でしかないので）

const fd=new FormData();
fd.append('test',1);
fd.append('test',2);
console.log(fd.getAll('test'));

追記

const sessionStorageAppend=(name,list)=>sessionStorage.setItem(name, JSON.stringify((JSON.parse(sessionStorage.getItem('dataStrage')??"[]").concat([list]))));
const sessionStorageGet=(name)=>JSON.stringify((JSON.parse(sessionStorage.getItem('dataStrage')??"[]")[0]));
const sessionStorageGetAll=(name)=>JSON.parse(sessionStorage.getItem('dataStrage')??"[]").map(JSON.stringify);
const a = {
dataA: 'A',
dataB: 'B',
dataC: 'C',
};
const b = {
dataD: 'D',
dataE: 'E',
dataF: 'F',
};
sessionStorage.clear();
sessionStorageAppend('dataStrage',a);
sessionStorageAppend('dataStrage',b);
console.log(sessionStorageGet('dataStrage'));
console.log(sessionStorageGetAll('dataStrage'));

Comments

[yambejp]

複数登録の考え方を追記しておきました

Answer 2

変数a=sessionStorage.getItem('dataStrage')+変数b;
sessionStorage.setItem('dataStrage',変数a)