在制作Phonegap应用程序时,我应该如何添加列表项并将其保存到本地存储中

How should I add list items and save it to local storage when making a Phonegap application?

本文关键字:列表 保存 存储 添加 应用程序 Phonegap 我应该 何添加      更新时间:2023-09-26

我正在制作一个应用程序,记录你的工作时间和收入。现在我正在做这个:

localStorage.cachedPay = madeamount.toFixed(2);
localStorage.cachedHours = houramount;
$madeamount.html(localStorage.cachedPay);
$houramount.html(localStorage.cachedHours);

所以这是可行的,但我只是保存在p标签中显示的两个值,我需要能够在每次实例结束时将这两个值作为列表项添加到页面底部,并将其保存到本地存储中,以便它们在启动时显示。做这件事的最佳方法是什么?我还希望能够将两个记录值的总额相加并显示出来。

简单,不使用数据结构:

var sumPay = 0;
var sumHours = 0;
for(var i = 0 ; i < localStorage.length; i++ ) {
    var strKey = localStorage.key(i);
    if(strKey.startsWith('myCachedPayPrefix_')) {
        var cachedPay = localStorage.getItem(strKey);
        sumPay = cachedPay; 
    }
    if(strKey.startsWith('myCachedHoursPrefix_')) {
        var cachedHours = localStorage.getItem(strKey);
        sumHours += cachedHours;
    }
}

更好的做法是:维护一个数组,并使用JSON.stringifyJSON.parse将该数组移入和移出localStorage,但之后您可以像处理正确的数据结构一样操作它。