Angular-6：将字符串转换为自定义对象的数组

Posted 2023-03-13

【中文标题】Angular-6：将字符串转换为自定义对象的数组

【英文标题】：Angular-6: Convert string to array of a custom object

【发布时间】：2019-11-17 23:54:06

【问题描述】：

我已经生成了这个字符串：

string str = ["id":1,"name":"Angular","id":2,"name":"SpringBoot"]

我想把它转换成一个对象数组来实现：

listexps: Expertise[];
listexps = ["id":1,"name":"Angular","id":2,"name":"SpringBoot"];

而Expertise类是

export class Expertise

    id: number;
    name: string;

我试过了：

let array = str .replace('[','').replace(']','').split(",").map(String);

但这并没有解决我的问题，我得到了：

"id":1,"name":"Angular","id":2,"name":"SpringBoot"

而不是

["id":1,"name":"Angular","id":2,"name":"SpringBoot"];

您对解决这个问题有什么想法吗？ 非常感谢。

【参考方案1】：

你需要的是JSON.parse;它将字符串转换为对象；

相关ts：

import  Component  from '@angular/core';
export class Expertise 
  id: number;
  name: string;

@Component(
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
)
export class AppComponent 
  name = 'Angular';
  strIntoObj: Expertise[];

  constructor() 
    let str: string = '["id":1,"name":"Angular","id":2,"name":"SpringBoot"]';
    this.strIntoObj = JSON.parse(str);
    console.log(this.strIntoObj);
  

完成working stackblitz here

【讨论】：

您好@AkberIqbal 先生，非常感谢。它也有效。