怎么修改json文件里的值js

在编程领域,JSON（JavaScript Object Notation）是一种常用的数据交换格式，广泛应用于前端与后端的数据交互，我们需要在JavaScript中修改JSON文件里的值，如何实现这一需求呢？本文将详细介绍在JavaScript中修改JSON文件值的方法。

我们需要了解JSON文件的结构,JSON文件由键值对组成，表现形式为对象或数组，在JavaScript中，我们可以使用内置的JSON对象进行解析和字符串化操作。

以下是修改JSON文件值的步骤：

读取JSON文件：

怎么修改json文件里的值js

在修改JSON文件之前,我们需要先读取文件内容，假设我们有一个名为data.json的文件，以下是读取文件内容的示例代码：

JavaScript

// 引入fs模块
const fs = require('fs');
// 读取JSON文件
fs.readFile('data.json', 'utf8', (err, data) => {
    if (err) {
        console.error(err);
        return;
    }
    // 解析JSON数据
    const jsonData = JSON.parse(data);
    // 接下来进行修改操作
});

修改JSON数据：

在读取并解析JSON数据后,我们可以像操作普通JavaScript对象一样修改其值，以下是一个简单的示例：

JavaScript

// 假设原始JSON数据如下：
// {
//     "name": "张三",
//     "age": 25,
//     "gender": "男"
// }
// 修改name和age的值
jsonData.name = '李四';
jsonData.age = 30;

将修改后的数据写回文件：

在完成数据修改后,我们需要将新的JSON数据写回文件，这里需要注意的是，要将对象转换为字符串格式，以下是写回文件的示例代码：

JavaScript

// 将修改后的JSON数据转换为字符串
const newData = JSON.stringify(jsonData, null, 2);
// 写回文件
fs.writeFile('data.json', newData, 'utf8', (err) => {
    if (err) {
        console.error(err);
        return;
    }
    console.log('文件更新成功！');
});

以下是完整的示例代码：

JavaScript

const fs = require('fs');
// 读取JSON文件
fs.readFile('data.json', 'utf8', (err, data) => {
    if (err) {
        console.error(err);
        return;
    }
    // 解析JSON数据
    const jsonData = JSON.parse(data);
    // 修改JSON数据
    jsonData.name = '李四';
    jsonData.age = 30;
    // 将修改后的JSON数据转换为字符串
    const newData = JSON.stringify(jsonData, null, 2);
    // 写回文件
    fs.writeFile('data.json', newData, 'utf8', (err) => {
        if (err) {
            console.error(err);
            return;
        }
        console.log('文件更新成功！');
    });
});