如何修改 JSON 数组

How to modify JSON array?

本文关键字:JSON 数组 修改 何修改      更新时间:2023-09-26
如何

更新以下多维 JSON 数组中特定索引的值?

我想更新放置在footer_logo节点内的background-image的值。

{
    "Machine1": {
        "sidebar_inner": {
            "img": "img/pill.png",
            "background-color": "#ffffff",
            "side_logo": {
                "background-image": "../footer_logo.png"
            }
        },
        "lb_footer": {
            "img": "img/bin.png",
            "footer_logo": {
                "background-image": "..img/footer_logo.png"
            }
        },
        "machine_stand": {
            "img": "img/machine_stand.png"
        },
        "side": {
            "backgroundcolor": "#ccc"
        }
    }
}

我在这里添加了一个jsfiddle示例。这很简单,看看下面的代码。

var myJson = {
        "Machine1": {
            "sidebar_inner": {
                "img": "img/pill.png",
                "background-color": "#ffffff",
                "side_logo": {
                    "background-image": "../footer_logo.png"
                }
            },
            "lb_footer": {
                "img": "img/bin.png",
                "footer_logo": {
                    "background-image": "..img/footer_logo.png"
                }
            },
            "machine_stand": {
                "img": "img/machine_stand.png"
            },
            "side": {
                "backgroundcolor": "#ccc"
            }
        }
    };
    myJson.Machine1.lb_footer.footer_logo['background-image'] = 'New value.';
    alert(myJson.Machine1.lb_footer.footer_logo['background-image']);

要更新嵌套值,您需要将键(索引用于数组)链接在一起以查找适当的值。

以下是代码,格式化为便于使用:

var obj = {"Machine1": {
    "sidebar_inner": {
        "img": "img/pill.png",
        "background-color": "#ffffff",
        "side_logo": {
            "background-image": "../footer_logo.png"
        }
    },
    "lb_footer": {
        "img": "img/bin.png",
        "footer_logo": {
            "background-image": "..img/footer_logo.png"
        }
    },
    "machine_stand": { 
        "img": "img/machine_stand.png"
    }, 
    "side": {
        "backgroundcolor":"#ccc"
    }
}}

例子

要更新"footer_logo"的背景图像:obj.Machine1.lb_footer,footer_logo.background-image = "something new";

要更新"machine_stand"的 img:

obj.machine_stand.img = "new/link.jpg";
// or use 'bracket notation', it's the same thing
obj['machine_stand']['img'] = "new/link.jpg"

试试这个。一个工作 jsfiddle

    var json= '{"Machine1":{"sidebar_inner":{"img":"img'/pill.png","background-color":"#ffffff","side_logo":{"background-image":"..'/footer_logo.png"}},"lb_footer":{"img":"img'/bin.png","footer_logo":{"background-image":"..img'/footer_logo.png"}},"machine_stand":{"img":"img'/machine_stand.png"},"side":{"backgroundcolor":"#ccc"}}}';
    var jsonObj = JSON.parse(json);
    jsonObj.Machine1.lb_footer.footer_logo['background-image'] = 'abc';
arr["Machine1"]["lb_footer"]["footer_logo"]["background-image"] = mynewvalue;