La création d'un Objet, d'un Objet Angulaire 4

J'ai défini une interface :

export interface Student {
  name : String;
  section:String;
  phoneNumber:String;
}

je veux créer un Objet, d'un Objet de type Étudiant avec studentId en tant que clé . j'.e

studentDetails[studentId] doit être de type Étudiant;

studentDetails[studentId] : Student = [];

Comment puis-je mettre en œuvre à l'aide de cette interface ?

Merci d'avance

  • D'objet d'un objet? pouvez-vous expliquer cela?
  • Question très incertaine
  • je suppose qu'il est à la recherche d'une carte à l'opérateur de sur son objet comme {id: {name:..}}
  • voulez-vous dire une sorte de tableau/de la carte d'étudiant des objets?
  • merci pour la réponse . je ne savais pas comment le mettre . fondamentalement, je veux un objet qui prend une clé et sa valeur est de type Étudiant
  • C'est seulement une base de javascript object {}... laissez-obj = {}; obj[studentId] = {}; Vous pouvez faire tout cela tapé si vous voulez
  • ah ok, alors que ce serait Map</numéro de chaîne,Étudiants> selon si le studentId est une chaîne ou un nombre
  • Oui
  • oui une carte de StudentId et de l'Élève à l'aide de l'interface

InformationsquelleAutor CruelEngine | 2017-09-01
  1. 10

    Vous pouvez définir une autre interface pour StudentDetails comme ceci:

    export interface Student {
  name: string;
  section: string;
  phoneNumber: string;
}

export interface StudentDetails {
  [key: number]: Student; //Or string instead of number
}

    Et de l'utiliser comme ceci:

    //Valid
let studentDetails: StudentDetails = {
  1: {
    name: 'Test Person1',
    section: 'Section 1',
    phoneNumber: '12345678'
  }
};

//Valid
studentDetails[2] = {
  name: 'Test Person 2',
  section: 'Section 2',
  phoneNumber: '87654321'
};

//Invalid (properties in UpperCase)
studentDetails[3] = {
  Name: 'Test Person 3',
  Section: 'Section 3',
  PhoneNumber: '52376724'
};

//Valid
let student: Student = studentDetails[2];

    Mise à JOUR

    De votre commentaire à ma réponse, je suppose que vous voulez quelque chose comme ceci à la place:

    export interface Student {
  id: number; //Added
  name: string;
  section: string;
  phoneNumber: string;
}

export interface StudentMap {
  [key: number]: Student;
}

let studentMap: StudentMap = {};
let studentDetails: Student[] = [
  {
    id: 56,
    name: 'Test Person1',
    section: 'Section 1',
    phoneNumber: '12345678'
  },
  {
    id: 175,
    name: 'Test Person3',
    section: 'Section 3',
    phoneNumber: '521398763'
  }
];

studentDetails.forEach((s: Student) => {
  studentMap[s.id] = s;
});

for (let i = 0; i < studentDetails.length; i++) {
  console.log(studentMap[studentDetails[i].id].name); //Test Person1, Test Person 3
}
    • comment puis-je utiliser la méthode ci-dessus pour faire quelque chose comme : for(let i=0; i < this.sudentDetails.length; i++){ this.sudentMap[studentDetails[i].id].name = this.studentDetails[i].name } ?
    • La syntaxe que tu mentionnes n'est que pour une itération sur les tableaux. Dans cet exemple studentDetails est un objet. Utilisez la syntaxe suivante pour itérer sur les propriétés d'un objet : for (var prop in obj) { console.log(obj.${prop} = ${obj[prop]}); }
    • Je pense que votre question est mal, si vous voulez être en mesure de faire studentDetails[i] et pas studentDetails[studentId]. Qui indiquent une Array au lieu d'une Object. Au lieu de cela studentMap serait le Object que studentDetails est dans ma réponse. studentDetails serait tout simplement être de type Student[].
    • Voir mise à jour en réponse.
    • merci à vous 🙂 .
    InformationsquelleAutor Arg0n
  2. 1

    Dans le commentaire de l'OP a demandé une carte avec studentID comme la clé et StudentDetails en tant que valeur.

    Code suivant peut vous aider, mais que la Question elle-même n'est pas clair s'il vous plaît ne pas voter dans l'impulsion.

    D'abord Ajouter un studetId à l'interface : 

    export interface Student {
name : String;
section:String;
phoneNumber:String;
studentID : number;
 }

    Puis créer une carte de studentId avec l'étudiant en détail 

      students : Student[];
  student1 : Student;

  var studentMap = new Map();

  this.students  = [
  {name : "abc", section :'A', phoneNumber : '123',studentID : 101 },
  {name : "xyz", section :'B', phoneNumber : '456',studentID : 102 },
  {name : "mno", section :'C', phoneNumber : '789',studentID : 103 },

    ];

 for (var item of this.students){
  studentMap.set (item.studentID ,item);
 }

 this.student1 = studentMap.get(101);

    Veuillez voir cette (Plunkr j'ai créé )

    InformationsquelleAutor KIA