有什么方法可以通过点击按钮来更改json选择的键值吗

Question

我有这个json示例，我在GUI中用文本区域向用户显示它。有没有办法在不改变整个json的情况下，只点击按钮将third key值更改为"fourth value"？也许有没有一种方法可以在从文件读取json到textaera时动态构建json，这样就可以很容易地访问任何键并更改其值？

{
"first_key": "firs_value",
"second_key": "second_value",
"third_key": "third_value",    
"tests": 
[
{ 
"object_1_a": "a",
"object_1_b": "b"
},
{ 
"object_2_a": "a",
"object_2_b": "b"
}
]
}

Answer 1

以下是如何访问和更改third_key:值的示例

const json = {
"first_key": "firs_value",
"second_key": "second_value",
"third_key": "third_value",    
"tests": 
[
{ 
"object_1_a": "a",
"object_1_b": "b"
},
{ 
"object_2_a": "a",
"object_2_b": "b"
}
]
}
console.log('before', json)
json['third_key'] = 'changed';
console.log('after', json)