js实现json数据可编辑

要实现JSON数据的可编辑功能，可以使用JavaScript创建一个函数，该函数将接收JSON对象作为输入，并返回一个可编辑的表单，用户可以在该表单中更改数据。以下是一个简单的实现示例：

function createEditableForm(jsonData) {
  const form = document.createElement('form');
  Object.keys(jsonData).forEach(key => {
    const input = document.createElement('input');
    input.type = 'text';
    input.name = key;
    input.value = jsonData[key];
    input.addEventListener('change', function() {
      jsonData[key] = input.value;
    });
    form.appendChild(input);
  });
  return form;
}
 
// 使用示例
const jsonData = {
  name: "John Doe",
  age: 30,
  email: "john@example.com"
};
 
const editableForm = createEditableForm(jsonData);
document.body.appendChild(editableForm);

在这个例子中，createEditableForm 函数接收一个JSON对象，然后为每个键创建一个文本输入框。当输入框的值发生变化时，原始的JSON对象也会相应更新。这样用户就可以直接在页面上编辑JSON数据了。