vue功能 -- 删除本地存储中的一些属性

最新推荐文章于 2024-04-18 15:13:50 发布

原创最新推荐文章于 2024-04-18 15:13:50 发布 · 334 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#1024程序员节

该篇文章详细描述了一个JavaScript函数，用于从本地存储中名为cadre_table的对象的cadreInfo数组中，查找text为现工作单位及职务的对象，并删除其width属性，然后将更新后的数据保存回本地存储。

//js删除本地存储中cadre_table的cadreInfo中text为 "参加工作日期"对象的width属性
deleteCadreInfoWidth() {
    // 1. 从本地存储中获取 "cadre_table" 对象
    var cadreTable = JSON.parse(localStorage.getItem("cadre_table"));

    // 2. 检查是否成功获取对象
    if (cadreTable && cadreTable.cadreInfo) {
        // 3. 查找并删除符合条件的对象
        for (var i = 0; i < cadreTable.cadreInfo.length; i++) {
            if (cadreTable.cadreInfo[i].text === "现工作单位及职务") {
                // 删除该对象的 "width" 属性
                delete cadreTable.cadreInfo[i].width;
                console.log('删除了');
                break; // 如果找到并删除了对象，就可以退出循环
            }
        }

        // 4. 将更新后的对象保存回本地存储
        localStorage.setItem("cadre_table", JSON.stringify(cadreTable));
    }
},