TypeScript中如何生成供前端便捷使用的指定结构JSON？

当然可行，只需调整代码构建出你需要的对象，再根据实际需求返回JS对象或标准JSON字符串即可：

修改后的代码示例 #

const getJSON = () => {
    const str1 = 'abc';
    const str2 = '123';
    // 构建目标键值对对象，ES6简写语法等价于 str1: str1
    const obj = {
        str1,
        str2
    };

    // 场景1：返回JS对象（前端可直接访问属性，无需解析）
    return obj;

    // 场景2：返回标准JSON字符串（适合网络传输，前端需用JSON.parse解析）
    // return JSON.stringify(obj, null, 2);
};

关键说明 #

• 返回JS对象时，前端拿到后能直接通过obj.str1、obj.str2读取对应值，操作便捷。
• 返回标准JSON字符串时，JSON.stringify的第三个参数2用于添加缩进，让输出格式更易读；前端只需调用JSON.parse(返回值)，就能将字符串转为可操作的JS对象。
• 标准JSON要求键名必须用双引号，JSON.stringify会自动处理这一规范，避免前端解析出现异常。

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