怎么改变json的键

轻松：如何改变JSON数据的键名**

在处理JSON（JavaScript Object Notation）数据时，我们经常会遇到需要修改键名（key）的情况，这可能是为了统一命名规范、提高代码可读性、避免键名冲突，或者是为了适应特定API的输入要求，无论出于何种原因，改变JSON键的方法都是一项实用的技能，本文将介绍几种在不同场景下改变JSON键名的方法，涵盖从原生JavaScript操作到使用库函数的多种途径。

为什么需要改变JSON的键名？

在具体方法之前,我们先简要了解一下为何需要改变JSON的键名：

命名规范统一：将不同来源的JSON数据键名统一为驼峰式（camelCase）、下划线式（snake_case）或其他约定俗成的格式。
语义清晰：将原本不够清晰或具有歧义的键名修改为更具描述性的名称。
避免冲突：当JSON数据来自多个源头，且存在键名重复但含义不同时，通过修改键名来避免覆盖和数据混淆。
API适配：某些API要求特定的请求或响应数据格式，需要调整本地JSON数据的键名以符合要求。

改变JSON键名的方法

JSON本质上是JavaScript对象的一种文本表示形式,因此改变JSON的键名，通常可以理解为改变JavaScript对象的属性名，以下是几种常用的方法：

原生JavaScript - 遍历对象并重建对象（适用于简单对象）

这是最基础也是最通用的方法,适用于大多数JavaScript环境，无需额外依赖。

核心思路：

创建一个空的新对象。
遍历原始JSON对象（通过for...in循环或Object.keys()）。
对于每个键值对,使用新的键名将值添加到新对象中。
（可选）删除旧键（如果是在原对象上修改，通常推荐重建新对象以避免副作用）。

示例代码：

假设我们有以下JSON数据（在JavaScript中是一个对象）：

const originalJson = {
  "first_name": "John",
  "last_name": "Doe",
  "age": 30,
  "is_student": false
};
// 我们想将 "first_name" 改为 "firstName"，"last_name" 改为 "lastName"
const newJson = {};
for (const key in originalJson) {
  if (originalJson.hasOwnProperty(key)) { // 确保是对象自身的属性
    let newKey;
    switch (key) {
      case "first_name":
        newKey = "firstName";
        break;
      case "last_name":
        newKey = "lastName";
        break;
      default:
        newKey = key; // 其他键保持不变
    }
    newJson[newKey] = originalJson[key]; // 将值赋给新键
  }
}
console.log(newJson);
// 输出: { firstName: 'John', lastName: 'Doe', age: 30, is_student: false }

优点：

无需额外库,纯JavaScript实现。
灵活性高,可以自定义复杂的键名转换逻辑。

缺点：

对于嵌套较深的对象,需要递归处理，代码会变得复杂。
手动编写转换逻辑,当键名较多时，代码冗长。

使用数组的`map`方法（适用于JSON数组中的对象）

如果JSON数据是一个对象数组,并且需要对每个对象进行相同的键名修改，可以使用Array.prototype.map()结合对象解构或键值对转换。

示例代码：

const jsonArray = [
  { "id": 1, "product_name": "Laptop", "price": 1200 },
  { "id": 2, "product_name": "Mouse", "price": 25 }
];
// 将 "product_name" 改为 "name"
const newJsonArray = jsonArray.map(item => {
  const { product_name: name, ...rest } = item; // 解构并重命名
  return { name, ...rest };
});
console.log(newJsonArray);
// 输出:
// [
//   { id: 1, name: 'Laptop', price: 1200 },
//   { id: 2, name: 'Mouse', price: 25 }
// ]

优点：

代码简洁,函数式编程风格。
专门处理数组场景非常方便。

缺点：

主要适用于数组场景,单个对象仍需其他方法。
键名转换相对固定,不如遍历对象灵活。

使用第三方库（如 Lodash）

对于复杂的项目或需要频繁进行对象转换的情况,使用成熟的第三方库（如Lodash）可以大大简化代码，提高效率，Lodash提供了_.mapKeys等方法来修改对象的键。

首先安装Lodash:

npm install lodash
# 或
yarn add lodash

示例代码（使用_.mapKeys）：

const _ = require('lodash');
const originalJson = {
  "user_id": 101,
  "user_name": "Alice",
  "contact_info": {
    "email_addr": "alice@example.com",
    "phone_num": "1234567890"
  }
};
// 使用 _.mapKeys 进行键名转换
// 第一个参数是对象，第二个参数是处理每个键的函数，返回新键名
const newJson = _.mapKeys(originalJson, (value, key) => {
  if (key === "user_id") return "userId";
  if (key === "user_name") return "userName";
  if (key === "email_addr") return "email";
  if (key === "phone_num") return "phone";
  return key; // 其他键保持不变
});
console.log(newJson);
// 输出:
// {
//   userId: 101,
//   userName: 'Alice',
//   contact_info: { email_addr: 'alice@example.com', phone_num: '1234567890' }
// }

注意：上面的示例只处理了顶层键，如果需要处理嵌套对象，Lodash没有直接提供递归的mapKeys，通常需要结合递归或使用其他库（如lodash-deep）或自定义函数。

Lodash的_.transform方法可以提供更灵活的控制，包括递归处理：

const _ = require('lodash');
const originalJson = {
  "user_id": 101,
  "user_name": "Alice",
  "contact_info": {
    "email_addr": "alice@example.com",
    "phone_num": "1234567890"
  }
};
const keyMapping = {
  "user_id": "userId",
  "user_name": "userName",
  "email_addr": "email",
  "phone_num": "phone"
};
function deepRenameKeys(obj, mapping) {
  return _.transform(obj, (result, value, key) => {
    const newKey = mapping[key] || key;
    // 如果值是对象且不是数组，则递归处理
    if (_.isObject(value) && !_.isArray(value)) {
      result[newKey] = deepRenameKeys(value, mapping);
    } else {
      result[newKey] = value;
    }
  });
}
const newJson = deepRenameKeys(originalJson, keyMapping);
console.log(newJson);
// 输出:
// {
//   userId: 101,
//   userName: 'Alice',
//   contact_info: { email: 'alice@example.com', phone: '1234567890' }
// }

优点：

代码简洁,功能强大，特别是Lodash提供了许多实用的工具函数。
经过充分测试,稳定可靠。
可以结合其他库函数实现复杂逻辑（如递归重命名）。

缺点：

增加项目依赖（虽然通常Lodash的体积可以通过tree-shaking优化）。

使用JSON序列化与反序列化（特定场景）

如果JSON数据是来自字符串,并且修改键名的逻辑可以通过字符串替换实现（虽然不推荐，因为容易出错），可以尝试，但这种方法非常脆弱，不推荐用于生产环境，除非键名模式极其简单且固定。

示例（不推荐，仅作了解）：

const jsonString = '{"first_name": "John", "last_name": "Doe"}';
const modifiedJsonString = jsonString.replace(/"first_name"/g, '"firstName"').replace(/"last_name"/g, '"lastName"');
const newJson = JSON.parse(modifiedJsonString);
console.log(newJson); // { firstName: 'John', lastName: 'Doe' }

缺点：