jquery - 追加 JSON 字符串

Question

我在 JS 方面遇到了一些麻烦，希望有人能帮忙。

我有两个 JSON 字符串，它们是使用 jQuery 通过 AJAX 收集的，然后进行相应的解析。我遇到的问题是，如果我想向正在制作的应用程序添加新功能，JSON 字符串会静态存储在数据库中，并且如果将新属性添加到默认 JSON 字符串，则不会更改。

var string1 = {
    "col1": [
        {
            "foo": "bar"
        }
    ],
    "col2": [
        {
            "foo": "bar",
            "bar": "foo"
        }
    ],
    "col3": [
        {
            "foo": "bar"
        }
    ]
}

var string2 = {
    "col1": [
        {
            "foo": "bar"
        }
    ],
    "col2": [
        {
            "foo": "bar"
        }
    ]
}

string2 是用户保存的脚本，假设是三天前保存的。此后，添加了默认字符串string1，并且需要将信息添加到string2。

谁能帮忙解决这个问题吗？

Answer 1

这样做:

// Input:
var json_string = '{"name":"John"}';

// Convert JSON array to JavaScript object
var json_obj = JSON.parse( json_string );

// Add new key value pair "myData": "Helo World" to object
json_obj.myData = 'Hello World';

// Another more dynamic way to add new key/value pair
json_obj['myAnotherData'] = 'FooBar';

// Convert back to JSON string
json_string = JSON.stringify( json_obj );

// Log to console:
console.log( json_string );

输出:

{
    "name": "John",
    "myData": "Hello World",
    "myAnotherData": "FooBar"
}

jQuery JSON 解析器:

如果你想使用jQuery解析器或者需要IE7的支持你可以替换

var json_obj = JSON.parse( json_string );

与

var json_obj = $.parseJSON( json_string );

不幸的是，jQuery 无法将 json_object 转换回 JSON 字符串，您将需要另一个插件或库。

更多主题:

MDN documentation

Browser support