Преобразовать данные JSON в объект в component.ts

Question

У меня есть данные JSON, и я хочу преобразовать их в объектный формат для выполнения операции создания.

JSON

[
{
    "user": {
        "id": 83,
        "username": "das",
        "first_name": "dsafha",
        "last_name": "dfksdfk",
        "email": "[e-mail]",
        "is_active": true,
        "is_superuser": false
    },
    "role": "testBu"
},
{
    "user": {
        "id": 84,
        "username": "sadfds",
        "first_name": "dshhgds",
        "last_name": "fsdjsl",
        "email": "[e-mail]",
        "is_active": true,
        "is_superuser": false
    },
    "role": "testeditrole"
},
{
    "user": {
        "id": 86,
        "username": "fs",
        "first_name": "efhks",
        "last_name": "sofdh",
        "email": "[e-mail]",
        "is_active": true,
        "is_superuser": false
    },
    "role": "testeditrole"
},
{
    "user": {
        "id": 87,
        "username": "xz",
        "first_name": "vj",
        "last_name": "vkfd",
        "email": "[e-mail]",
        "is_active": true,
        "is_superuser": false
    },
    "role": "testeditrole"
}
]

Я пытался сделать это так

componet.ts

let user:any = {};
   user["username"] = this.user.user.email
   user["first_name"] = this.user.user.first_name
   user["last_name"]= this.user.user.last_name
   user["email"]= this.user.user.email

   this.userData["user"] = user
   this.userData["role"] = this.user.role

и во время утешения после ввода данных в поля ввода я не получаю данные роли. Я получаю другие данные. Данные роли отображаются пустыми. Я думаю, это из-за того, как я написал код в componentet.ts, который вызывает проблему.

Answer 1

Вы всегда можете создавать модели:

export class User {
  id: string,
  username: string,
  first_name: string,
  last_name: string,
  email: string,
  is_active: boolean,
  is_superuser: boolean
}

export class UserDetails{
  user:User;
  role:string;
}

затем

// Assume you have received the json in string form in 'resultlist' variable
let dataList = <Array<UserDetails>>JSON.parse(resultlist);

ИЛИ ЖЕ

// Assume you have received the json in object form in 'resultlist' variable
let dataList = <Array<UserDetails>>resultlist;

Удачного кодирования!!!

Answer 2

Я думаю, что лучший способ - создать объект, соответствующий структуре JSON, и вы назначаете только данные JSON массиву объекта.

class User{
   id:string;
   username:string;
   firstName:string;
   lastName:string;
   email:string;
   isActive:boolean;
   isSuperviser:boolean;
}
class JSONData{
   user:User;
   role:string
}
 data:JSONData[] = yourJson.data;

Вы корректируете имя свойства в данных json, как в вашем классе, и вы можете обрабатывать данные правильно и легко, пожалуйста, обратитесь к этой ссылке для получения дополнительной информации

Answer 3

Нет необходимости конвертировать. Это уже формат json, но вы должны использовать индекс массива, а затем установить переменную пользователя.

Например:

let user:any = {};
user = this.user[arrayIndex].user;

this.userData["user"] = user
this.userData["role"] = this.user[arrayIndex].role;

если вы хотите получить данные из массива json, вы должны использовать индекс массива. Как это.

let user:any = {};
user = this.user[0].user;
this.userData["role"] = this.user[0].role;

Answer 4

this.userData["role"] = this.user.role должно быть this.userData["role"] = this.role