Manipulatie van objecten in klassen in OOP in JavaScript

Klassen kunnen objecten van andere klassen als parameters van methoden accepteren en deze objecten manipuleren. Laten we een voorbeeld bekijken. Stel dat we de volgende klasse hebben:

javascriptclass User {
  #name;
  
  constructor(name) {
    this.#name = name;
  }
  getName() {
    return this.#name;
  }
}

Stel dat we besloten hebben om een klasse te maken die een verzameling van gebruikersobjecten zal manipuleren:

javascriptclass UsersCollection {
  
}

We slaan de gebruikersobjecten op als een array in een privé-eigenschap:

javascriptclass UsersCollection {
  #users;
  
  constructor() {
    this.#users = [];
  }
}

Laten we een methode maken om een nieuwe gebruiker toe te voegen aan de array:

javascriptclass UsersCollection {
  #users;
  
  constructor() {
    this.#users = [];
  }
  add(user) {
    this.#users.push(user);
  }
}

Laten we nu een methode maken die de namen van alle gebruikers naar de console uitvoert:

javascriptclass UsersCollection {
  #users;
  
  constructor() {
    this.#users = [];
  }
  add(user) {
    this.#users.push(user);
  }
  show() {
    for (let user of this.#users) {
      console.log(user.getName());
    }
  }
}

Laten we de werking van onze klasse bekijken. Laten we eerst een object ervan maken:

javascriptlet uc = new UsersCollection;

Laten we nu enkele gebruikers toevoegen aan onze verzameling:

javascriptuc.add(new User('john'));
uc.add(new User('eric'));
uc.add(new User('kyle'));

Laten we nu de methode aanroepen die de namen van alle gebruikers naar de console uitvoert:

javascriptuc.show();