如何更新本地存储阵列的特定键值？

Question

我有一个像下面这样的本地存储阵列

pageItems  = {"stationID":"145","categoryID":"-1","pickupDate":"2014-04-22","pickupTime":"08:00","returnDate":"2014-04-23","returnTime":"08:00","milage":"false","miles":"","attributes":[[],[]],"additionals":[[],[]]}

我需要将 categoryID 值更新为 65

pageItems  = {"stationID":"145","categoryID":"65","pickupDate":"2014-04-22","pickupTime":"08:00","returnDate":"2014-04-23","returnTime":"08:00","milage":"false","miles":"","attributes":[[],[]],"additionals":[[],[]]}

Answer 1

尝试这个

var pageItems = {
            "stationID": "145",
            "categoryID": "-1",
            "pickupDate": "2014-04-22",
            "pickupTime": "08:00",
            "returnDate": "2014-04-23",
            "returnTime": "08:00",
            "milage": "false",
            "miles": "",
            "attributes": [[], []],
            "additionals": [[], []]
};

function setObject(key, obj) {
    localStorage.setItem(key, JSON.stringify(obj));
}

function getObject(key) {
    return JSON.parse(localStorage.getItem(key));
}

function updateItem(key, property, value)
{
    var obj = getObject(key);
    obj[property] = value;    
    setObject(key, obj);
}

//set object to sessionStorage
setObject('test', pageItems);

//update object property in sessionStorage
updateItem('test', 'categoryID', 65);

//get object from sessionStorage
getObject('test');

这是演示

Answer 2

您可以使用以下内容；

var pageItems  = '{"stationID":"145","categoryID":"-1","pickupDate":"2014-04-22","pickupTime":"08:00","returnDate":"2014-04-23","returnTime":"08:00","milage":"false","miles":"","attributes":[[],[]],"additionals":[[],[]]}';

var json = JSON.parse(pageItems);

json.categoryID = 65;

pageItems_v2 = JSON.stringify(json);

这是一个工作演示：演示

Answer 3

你可以使用像

pageItems.categoryID=65;

小提琴

Answer 4

对于单个或多个更新，或新插入，一次：

function updateStorage(keyName, newkeypairs=[]){
    const obj = JSON.parse(localStorage.getItem(keyName));
    newkeypairs.map(n => obj[Object.keys(n)] = Object.values(n)[0]);
    localStorage.setItem(keyName,JSON.stringify(obj));
}

//single
updateStorage("company", [{name:"ACME"}])

//multiple
updateStorage("company", [{name:"ACME"},{location:"USA"}])