Angular中如何将User类映射为指定嵌套结构的JSON？

别担心，这事儿其实没那么复杂，我给你几个靠谱的实现方式，你可以根据自己的场景选：

方法1：手动包装对象（最直接） #

这种方式适合一次性的转换需求，直接把User实例的属性放到嵌套结构里就行：

// 先创建User实例
const myUser = new User('Jane', 'Smith', 'jane@example.com', 'mySecurePass123');

// 手动构建嵌套结构
const nestedUserObj = {
  "external-profile": {
    firstname: myUser.firstname,
    lastname: myUser.lastname,
    email: myUser.email,
    password: myUser.password
  }
};

// 转换为JSON字符串（如果需要的话）
const finalJson = JSON.stringify(nestedUserObj);

方法2：给User类添加转换方法（复用性更高） #

如果需要多次转换User实例，给类加一个专用方法会更方便，以后每次用直接调用就行：

export class User {
  constructor(
    public firstname:string, 
    public lastname:string, 
    public email:string, 
    public password:string
  ){}

  // 新增方法返回嵌套结构
  toNestedProfile(): object {
    return {
      "external-profile": {
        firstname: this.firstname,
        lastname: this.lastname,
        email: this.email,
        password: this.password
      }
    };
  }
}

// 使用示例
const myUser = new User('Jane', 'Smith', 'jane@example.com', 'mySecurePass123');
const finalJson = JSON.stringify(myUser.toNestedProfile());

方法3：在HTTP请求中直接包装（如果是发请求用） #

如果你是要把这个结构传给后端API，用Angular的HttpClient时不需要先转成JSON字符串，直接在请求体里构建嵌套结构就行，HttpClient会自动帮你序列化：

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class UserService {
  constructor(private http: HttpClient) {}

  submitUser(user: User) {
    const requestBody = {
      "external-profile": {
        firstname: user.firstname,
        lastname: user.lastname,
        email: user.email,
        password: user.password
      }
    };

    return this.http.post('https://your-api-endpoint.com/users', requestBody);
  }
}

为什么你之前的方法可能无效？ #

直接对User实例调用JSON.stringify(user)的话，只会序列化User类本身的属性，不会自动生成external-profile这个嵌套层——因为你的User类里并没有这个属性，所以必须手动把User的属性包裹到这个键下面才行。

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