如何无需循环从JSON数组中移除T和Z并调整为指定结构？

嘿，这个需求我太熟了！要去掉JSON数组里的T/Z字符，同时调整成指定结构，还要不用手动写循环的最简实现？安排！咱们直接用JavaScript内置的能力搞定，全程不用碰for/while循环，代码简洁到飞起，开发体验直接拉满。

方案1：直接处理JSON字符串（一步到位，效率最高） #

如果你的数据还处于JSON字符串格式，用JSON.parse()的reviver回调函数是最优解——在解析JSON的过程中就完成日期格式化和结构调整，全程没有显式循环逻辑：

示例场景 #

假设原始JSON字符串是这样的：

const rawJson = `[
  { "id": 1, "timestamp": "2024-05-20T14:30:00Z", "data": "sample1" },
  { "id": 2, "timestamp": "2024-05-21T09:45:00Z", "data": "sample2" }
]`;

我们需要把它转换成这样的结构：每个元素保留id，将timestamp去掉T/Z后重命名为date，把data重命名为content。

实现代码 #

const transformedData = JSON.parse(rawJson, (key, value) => {
  // 识别数组中的单个对象元素
  if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
    return {
      id: value.id,
      date: value.timestamp.replace(/[TZ]/g, ' ').trim(), // 全局替换T和Z为空格，再去除多余空格
      content: value.data
    };
  }
  return value;
});

方案2：处理已解析的JS对象数组 #

如果数据已经是内存中的JavaScript对象数组了，用Array.prototype.map()就够了——这是数组内置的高阶函数，属于隐式循环，完全不用你手动写循环逻辑，代码极简：

示例场景 #

假设已解析的原始数组是：

const rawArray = [
  { id: 1, timestamp: "2024-05-20T14:30:00Z", data: "sample1" },
  { id: 2, timestamp: "2024-05-21T09:45:00Z", data: "sample2" }
];

实现代码 #

const transformedArray = rawArray.map(item => ({
  id: item.id,
  date: item.timestamp.replace(/[TZ]/g, ' ').trim(),
  content: item.data
}));

关键细节提示 #

• 去掉T/Z用正则/[TZ]/g全局匹配替换，比字符串拆分拼接更简洁；如果你的Z只出现在字符串末尾，可以调整正则为/T|Z$/g，更精准；
• 两种方案都没有显式循环，完全利用JS内置能力完成转换，代码量少、可读性高，维护成本极低；
• 如果你的指定结构和示例不同，只需要修改返回对象的字段映射即可，非常灵活。

内容的提问来源于stack exchange，提问作者user7149801