如何正确更新localStorage中的数组对象并重新存储？

你的代码存在关键错误，同时缺少边界判断，导致无法正确更新localStorage：

错误点说明 #

1. 多余的push操作：你已经通过stored_quote[obj].qty = parseInt(qP_val)直接修改了原数组中对应位置的对象属性，数组本身已经是更新后的状态，不需要再执行stored_quote.push(stored_quote[obj])——这行代码会把同一个对象重复添加到数组末尾，导致数组出现冗余元素，而非替换原对象。
2. 缺少未找到匹配项的判断：如果findIndex返回-1（即没有找到qid等于qP的对象），直接访问stored_quote[obj]会触发Cannot set properties of undefined错误。

修正后的代码 #

function updateQuoteProduct(qP, qP_val){
    // 从localStorage获取数据，处理不存在的情况
    var stored_quote = JSON.parse(localStorage.getItem("iwQuote")) || []; 

    // 查找匹配的索引
    const targetIndex = stored_quote.findIndex(obj => obj.qid === qP);

    // 仅当找到匹配项时才执行更新
    if (targetIndex !== -1) {
        stored_quote[targetIndex].qty = parseInt(qP_val, 10); // 建议指定进制参数10
        // 直接将更新后的数组存回localStorage
        localStorage.setItem("iwQuote", JSON.stringify(stored_quote));
    } else {
        // 可选：处理未找到匹配项的逻辑，比如提示或添加新元素
        console.log(`未找到qid为${qP}的条目`);
    }
}

核心逻辑说明 #

• 直接修改原数组中的对象属性：因为数组是引用类型，修改内部元素的属性后，数组本身就携带了更新后的状态。
• 重新存储整个数组：通过JSON.stringify把更新后的数组转为字符串，再用localStorage.setItem覆盖原条目即可完成同步。
• 增加边界处理：避免因未找到匹配项导致的运行时错误，同时可以补充自定义的异常处理逻辑。

内容的提问来源于stack exchange，提问作者Meules