如何在TypeScript中提取并格式化对象ID数组

要得到包含拼接后id字符串的单元素数组，你可以按以下步骤实现：

1. 从userRoles数组中提取所有id并转换为字符串类型
2. 将提取出的id字符串用逗号拼接成一个完整字符串
3. 将这个字符串包裹进数组中，得到目标格式

TypeScript代码示例 #

// 定义UserRole类型，确保类型安全
interface UserRole {
  id: number;
  name: string;
  description: string;
  checked: boolean;
  isDeleted: boolean;
  applicationId: number;
  application: string;
  totalPermissions: number;
}

// 示例数据
const userRoles: UserRole[] = [
  {
    id: 1,
    name: "Create",
    description: "This is For Create ",
    checked: false,
    isDeleted: false,
    applicationId: 1,
    application: "DMTS",
    totalPermissions: 0
  },
  {
    id: 2,
    name: "Update",
    description: "This is For Update",
    checked: false,
    isDeleted: false,
    applicationId: 1,
    application: "DMTS",
    totalPermissions: 0
  }
];

// 生成目标格式数组
const result: string[] = [userRoles.map(role => role.id.toString()).join(',')];

console.log(result); // 输出: ["1,2"]

常见误区说明 #

你之前的尝试可能直接执行了userRoles.map(role => role.id).join(',')，这会得到一个单独的字符串"1,2"，而非包含该字符串的数组。只需要将拼接后的字符串放入数组字面量中，就能得到你需要的["1,2"]格式。

内容的提问来源于stack exchange，提问作者Mohammad Samim Safi