Playground - Implementa singleton en un chat

Osvaldo Martinez Guillen

student•

Mi solución.

import { User } from "./user";

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
      return true;
    }
  }
  sendMessage(Message) {
      this.users.forEach(x => x.receiveMessage(Message));
      return true;
  }
  removeUser(name) {
      const deleted = this.users.findIndex(x => x.name === name);
      this.users.splice(deleted, 1);
      return true;
  }
}

Brandon James Huamán Mallcco

student•

Creo que no es necesario inicializar el array users dentro del constructor de la clase Chat. Se podría hacer desde la misma clase, así:

class Chat {
  users = [];
  constructor() {
    if (!Chat.instance) {
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }
}

willmar fernando romero marin

student•

disculpe la pregunta: if (!Chat.instance) se podria escribir como if (!this.instance)?

Carina Payleman

student•

. . . . . .

import { User } from "./user";

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.forEach(user => user.receiveMessage(message));
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }

  removeUser(name) {
    const deletedUser = this.users.findIndex(user => user.name === name);
    this.users.splice(deletedUser, 1);
  }
}

Pablo Pincay Alvarez

student•

jajaj que bonita imagen anti spoiler

Carina Payleman

student•

Jajajaja gracias! <3

Alejandro Anaya

student•

🛡️🛡️Escudo anti-spoilers🛡️🛡️

Mi solución al reto:

import { User } from "./user";

export class Chat {
  constructor() {
    //singleton
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    for (let user of this.users) {
      user.receiveMessage(message)
    }
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user)
    }
  }

  removeUser(name) {
    let indexToRemove = this.users.findIndex((u) => u.name == name)
    if (indexToRemove < 0) throw new Error('El usuario a eliminar no exister actualmente en la lista')
    return this.users.splice(indexToRemove, 1)
  }
}

Frandel Corporan Rodríguez

student•

my generic code

import { User } from "./user.js";

export class Chat {
  constructor() {
    this.users = []
    if (!Chat.instance) {
      Chat.instance = Object.freeze(this)
    }
    return Chat.instance
  }
  sendMessage(message) {
    for (const user of this.users) {
      user.messages.push(message)
    }
  }
  addUser(user) {
    if (user instanceof User) this.users.push(user)
  }
  removeUser(name) {
    const userIndex = this.users.findIndex((item) => item.name === name)
    this.users.splice(userIndex, 1)
  }
}

Joan Alexander Valerio Rodríguez

student•

Mi solución:

Harrison Steve Pinzón Neira

student•

Desafio Singleton completado:

Rubén Hernández Hernández

student•

Mi solución 💚 (uno de mis patrones favoritos es Singleton precisamente jeje) !cat

import { User } from "./user";

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = []
      Chat.instance = Object.freeze(this)
    }
    return Chat.instance
  }

  sendMessage(message) {
    this.users.forEach(user => {
      user.receiveMessage(message)
    })
  }

  addUser(user) {
    if(user instanceof User)
      this.users.push(user)
  }

  removeUser(name) {
    let indexOfUser = this.users.findIndex(user => 
      user.name === name
    )
    
    if (indexOfUser !== -1) 
      this.users.splice(indexOfUser,1)
  }
}

David Ochoa

student•

🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️

Implementa singleton en un chat

!Spoiler Shield

export class Chat {
  // Tu código aquí 👈
  constructor() {
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }
  removeUser(userName) {
    const userToDelete = this.users.findIndex((user) => user.name == userName);
    this.users.splice(userToDelete, 1);
  }
  sendMessage(mesagge) {
    this.users.forEach((user) => {
      user.messages.push(mesagge);
    });
  }
}

Pablo Perez

student•

export class Chat {
  constructor() {
    this.users = []

    if (!Chat.instance) {
      this.name = "Chat";
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user)
    }
  }

  removeUser(name) {
    const index = this.users.findIndex(u => u.name === name)
    this.users.splice(index, 1)
  }

  sendMessage(message) {
    this.users.forEach(user => {
      user.receiveMessage(message)
    })
  }
}

Alexis Corrales

student•

export class Chat {
  users  = [];
  constructor() {
    if (!Chat.instance) {
      Chat.instance = this;
    }
    return Chat.instance;
  }
  sendMessage(message) {
    this.users.forEach((user) => {
      user.receiveMessage(message);
    });
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }
  removeUser(name) {
    const result = this.users.findIndex((user) => user.name === name);
    this.users.splice(result, 1);
  }
}

Angel Javier Sanchez Tenjo

student•

Hola mi solución . 9️⃣ 8️⃣ 7️⃣ 6️⃣ 5️⃣ 4️⃣ 3️⃣ 2️⃣ 1️⃣ 0️⃣

exercise.js

import { User } from "./user";
export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.createInstance();
      Chat.instance = this;
    }
    return Chat.instance;
  }

  createInstance() {
    this.users = [];
  }

  sendMessage(message) {
    this.users.forEach((user) => {
      user.receiveMessage(message);
    });
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }

  removeUser(user) {
    this.users = this.users.filter((u) => u.name !== user);
  }
}

Pablo Pincay Alvarez

student•

. SPOILER <3

. . .

. . . .

. . . . .

import { User } from "./user";

export class Chat {
  // Tu código aquí 👈
  users = [];

  //integrate singleton
  constructor() {
    if (!Chat.instance) {
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.forEach((user) => {
      user.receiveMessage(message)
    })
  }

  addUser(user) {
    if (user instanceof User) this.users.push(user)
  }

  removeUser(name) {
    const indexUser = this.users.findIndex((user) => user.name === name)
    this.users.splice(indexUser, 1)
  }

}

Raul Carrillo Garrido

student•

. . . . . . . . . .

import { User } from "./user";

export class Chat {
  constructor() {
    if (Chat.instance) {
      return Chat.instance;
    }

    this.users = [];
    Chat.instance = this;
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }

  removeUser(name) {
    this.users = this.users.filter(user => user.name !== name);
  }

  sendMessage(message) {
    this.users.forEach(user => user.receiveMessage(message));
  }
}

Victor Ortiz

student•

Y seguimos avanzando lento pero seguimos, mi solucion: . . . . . . . . . . . . . . . . . .

exercise.js

import { User } from "./user";

export class Chat {
  // Tu código aquí 👈
  constructor() {
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }
  sendMessage(message) {
    for (const user in this.users) {
      this.users[user].receiveMessage(message);
    }
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
      return true;
    }
  }
  removeUser(name) {
    const ind = this.users.findIndex(user => user.name === name);
    this.users.splice(ind, 1);
  }
}

JAIME EDUARDO DIAZ TOBON

student•

++MI SOLUCION++ 💪 . . . . . . . . . . . . . . . . . . . . .

import { User } from "./user";

export class Chat {
  users = [];

  constructor() {
    if (!Chat.instance) Chat.instance = Object.freeze(this);
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.forEach(user => user.receiveMessage(message));
  }

  addUser(user) {
    if (user instanceof User) this.users.push(user)
  }

  removeUser(name) {
    const index = this.users.findIndex(user => user.name === name);
    this.users.splice(index, 1);
  }
}

Gabriel Luna

student•

Aquí mi solución: . . . . . . . . . .

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = []
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.map(elem => elem.receiveMessage(message));
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }
  removeUser(name) {
    let index = this.users.findIndex(elem => elem.name === name);
    if (index >= 0) {
      this.users.splice(index, 1);
    }
  }
}

Israel Blas

student•

Bueno dejo mi aporte, y retomo los retos porque los deje hace una semana ya que hacer POO me da pereza y me parece complicado pero si se empieza hay que terminar.

. . . . . . . . . . . .

import { User } from "./user";

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = []
      Chat.instance = Object.freeze(this)
    }
    return Chat.instance
  }

  sendMessage(message) {
    this.users.forEach((user) => user.receiveMessage(message))
  }

  addUser(user) {
    if(user instanceof User) this.users.push(user)
  }

  removeUser(name) {
    const idx = this.users.findIndex((user) => user.name === name)
    this.users.splice(idx, 1)
  }
}

Jose Carlos Machado

student•

El nombre de la propiedad que tiene el array con todos los usuarios se debe llamar users para pasar la prueba, aquí dejo mi código... :)

export class Chat {
  // Tu código aquí 👈
    constructor(){
        
        this.users =[];
        if (!Chat.instance){
            Chat.instance=this;        
          
        }else{
            return Chat.instance;
        }
    }
 sendMessage(message){
    this.users.forEach(user=>user.receiveMessage(message));
}

 addUser(user){
    if (user instanceof User){
        this.users.push(user);
        return this.list;
    }else{
        return this.users;
    }
}
removeUser(name){
    let index= this.users.findIndex(user=>user.name===name);
    this.users.splice(index,1);
    return this.users;
}
}

Gustavo Alonso Aguilar Acuña

student•

Mi solucion.; . . . . . ..

import { User } from "./user";

export class Chat {
  constructor() { 
    if (!Chat.instance) { 
      this.users = [],    
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }
  sendMessage(message) {
    this.users.forEach(element => element.receiveMessage(message))
  };
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  };
  removeUser(name) {
    let index = this.users.findIndex(user => user.name == name)
    this.users.splice(index, 1)
  };
}

Harold Zurita Simon

student•

Solución… 😄 . Interesante reto, para el ejercicio en la clase Chat se debe intuir alguna propiedad a partir de la descripción de los métodos. . Para saber si un objeto es la instancia de una clase en específico se puede utilizar "instanceof". . . . .

import { User } from "./user";

export class Chat {
  constructor() { 
    if (!Chat.instance) { 
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.forEach((user) => { 
      user.receiveMessage(message);
    });
  }

  addUser(user) { 
    if (user instanceof User) { 
      this.users.push(user);
    }
  }

  removeUser(name) { 
    let index = this.users.findIndex(user =>
      user.name === name
    );
    this.users.splice(index,1); 
  }
}

import { User } from "./user";

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
      return true;
    }
  }
  sendMessage(Message) {
      this.users.forEach(x => x.receiveMessage(Message));
      return true;
  }
  removeUser(name) {
      const deleted = this.users.findIndex(x => x.name === name);
      this.users.splice(deleted, 1);
      return true;
  }
}

import { User } from "./user";

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.forEach(user => user.receiveMessage(message));
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }

  removeUser(name) {
    const deletedUser = this.users.findIndex(user => user.name === name);
    this.users.splice(deletedUser, 1);
  }
}

import { User } from "./user";

export class Chat {
  constructor() {
    //singleton
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    for (let user of this.users) {
      user.receiveMessage(message)
    }
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user)
    }
  }

  removeUser(name) {
    let indexToRemove = this.users.findIndex((u) => u.name == name)
    if (indexToRemove < 0) throw new Error('El usuario a eliminar no exister actualmente en la lista')
    return this.users.splice(indexToRemove, 1)
  }
}

import { User } from "./user.js";

export class Chat {
  constructor() {
    this.users = []
    if (!Chat.instance) {
      Chat.instance = Object.freeze(this)
    }
    return Chat.instance
  }
  sendMessage(message) {
    for (const user of this.users) {
      user.messages.push(message)
    }
  }
  addUser(user) {
    if (user instanceof User) this.users.push(user)
  }
  removeUser(name) {
    const userIndex = this.users.findIndex((item) => item.name === name)
    this.users.splice(userIndex, 1)
  }
}

import { User } from "./user";

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = []
      Chat.instance = Object.freeze(this)
    }
    return Chat.instance
  }

  sendMessage(message) {
    this.users.forEach(user => {
      user.receiveMessage(message)
    })
  }

  addUser(user) {
    if(user instanceof User)
      this.users.push(user)
  }

  removeUser(name) {
    let indexOfUser = this.users.findIndex(user => 
      user.name === name
    )
    
    if (indexOfUser !== -1) 
      this.users.splice(indexOfUser,1)
  }
}

export class Chat {
  // Tu código aquí 👈
  constructor() {
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }
  removeUser(userName) {
    const userToDelete = this.users.findIndex((user) => user.name == userName);
    this.users.splice(userToDelete, 1);
  }
  sendMessage(mesagge) {
    this.users.forEach((user) => {
      user.messages.push(mesagge);
    });
  }
}

export class Chat {
  constructor() {
    this.users = []

    if (!Chat.instance) {
      this.name = "Chat";
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user)
    }
  }

  removeUser(name) {
    const index = this.users.findIndex(u => u.name === name)
    this.users.splice(index, 1)
  }

  sendMessage(message) {
    this.users.forEach(user => {
      user.receiveMessage(message)
    })
  }
}

export class Chat {
  users  = [];
  constructor() {
    if (!Chat.instance) {
      Chat.instance = this;
    }
    return Chat.instance;
  }
  sendMessage(message) {
    this.users.forEach((user) => {
      user.receiveMessage(message);
    });
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }
  removeUser(name) {
    const result = this.users.findIndex((user) => user.name === name);
    this.users.splice(result, 1);
  }
}

import { User } from "./user";
export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.createInstance();
      Chat.instance = this;
    }
    return Chat.instance;
  }

  createInstance() {
    this.users = [];
  }

  sendMessage(message) {
    this.users.forEach((user) => {
      user.receiveMessage(message);
    });
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }

  removeUser(user) {
    this.users = this.users.filter((u) => u.name !== user);
  }
}

import { User } from "./user";

export class Chat {
  // Tu código aquí 👈
  users = [];

  //integrate singleton
  constructor() {
    if (!Chat.instance) {
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.forEach((user) => {
      user.receiveMessage(message)
    })
  }

  addUser(user) {
    if (user instanceof User) this.users.push(user)
  }

  removeUser(name) {
    const indexUser = this.users.findIndex((user) => user.name === name)
    this.users.splice(indexUser, 1)
  }

}

import { User } from "./user";

export class Chat {
  constructor() {
    if (Chat.instance) {
      return Chat.instance;
    }

    this.users = [];
    Chat.instance = this;
  }

  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }

  removeUser(name) {
    this.users = this.users.filter(user => user.name !== name);
  }

  sendMessage(message) {
    this.users.forEach(user => user.receiveMessage(message));
  }
}

import { User } from "./user";

export class Chat {
  // Tu código aquí 👈
  constructor() {
    if (!Chat.instance) {
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }
  sendMessage(message) {
    for (const user in this.users) {
      this.users[user].receiveMessage(message);
    }
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
      return true;
    }
  }
  removeUser(name) {
    const ind = this.users.findIndex(user => user.name === name);
    this.users.splice(ind, 1);
  }
}

import { User } from "./user";

export class Chat {
  users = [];

  constructor() {
    if (!Chat.instance) Chat.instance = Object.freeze(this);
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.forEach(user => user.receiveMessage(message));
  }

  addUser(user) {
    if (user instanceof User) this.users.push(user)
  }

  removeUser(name) {
    const index = this.users.findIndex(user => user.name === name);
    this.users.splice(index, 1);
  }
}

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = []
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.map(elem => elem.receiveMessage(message));
  }
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  }
  removeUser(name) {
    let index = this.users.findIndex(elem => elem.name === name);
    if (index >= 0) {
      this.users.splice(index, 1);
    }
  }
}

import { User } from "./user";

export class Chat {
  constructor() {
    if (!Chat.instance) {
      this.users = []
      Chat.instance = Object.freeze(this)
    }
    return Chat.instance
  }

  sendMessage(message) {
    this.users.forEach((user) => user.receiveMessage(message))
  }

  addUser(user) {
    if(user instanceof User) this.users.push(user)
  }

  removeUser(name) {
    const idx = this.users.findIndex((user) => user.name === name)
    this.users.splice(idx, 1)
  }
}

export class Chat {
  // Tu código aquí 👈
    constructor(){
        
        this.users =[];
        if (!Chat.instance){
            Chat.instance=this;        
          
        }else{
            return Chat.instance;
        }
    }
 sendMessage(message){
    this.users.forEach(user=>user.receiveMessage(message));
}

 addUser(user){
    if (user instanceof User){
        this.users.push(user);
        return this.list;
    }else{
        return this.users;
    }
}
removeUser(name){
    let index= this.users.findIndex(user=>user.name===name);
    this.users.splice(index,1);
    return this.users;
}
}

import { User } from "./user";

export class Chat {
  constructor() { 
    if (!Chat.instance) { 
      this.users = [],    
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }
  sendMessage(message) {
    this.users.forEach(element => element.receiveMessage(message))
  };
  addUser(user) {
    if (user instanceof User) {
      this.users.push(user);
    }
  };
  removeUser(name) {
    let index = this.users.findIndex(user => user.name == name)
    this.users.splice(index, 1)
  };
}

import { User } from "./user";

export class Chat {
  constructor() { 
    if (!Chat.instance) { 
      this.users = [];
      Chat.instance = Object.freeze(this);
    }
    return Chat.instance;
  }

  sendMessage(message) {
    this.users.forEach((user) => { 
      user.receiveMessage(message);
    });
  }

  addUser(user) { 
    if (user instanceof User) { 
      this.users.push(user);
    }
  }

  removeUser(name) { 
    let index = this.users.findIndex(user =>
      user.name === name
    );
    this.users.splice(index,1); 
  }
}

Playground - Implementa singleton en un chat

¡Te damos la bienvenida a este reto!

¡Bienvenido al mundo de JavaScript!

Día 1

Variables, funciones y sintaxis básica

Tipos de datos

Playground - Retorna el tipo

Tipos de datos - pt 2

Día 2

Operadores

Hoisting y coerción

Playground - Calcula la propina

Alcance de las variables

Día 3

Condicionales

Playground - Calcula años bisiestos

Switch

Playground - Obten información de mascotas según su tipo

Ciclos

Playground - Dibuja un triangulo

Día 4

Arrays

Playground - Encuentra al michi mas famoso

Objetos

Playground - Obten el promedio de los estudiantes

Día 5 - Checkpoint

Playground - encuentra el palindromo más grande

Día 6

Reasignación y redeclaración

Modo estricto

Día 7

Debugging y manejo de errores

Programación funcional

Día 8

Closures

Playground - Crea una calculadora con closures

Higher order functions

Playground - Crea tu propio método map

Día 9

ECMAScript

TC39

Día 10 - Checkpoint

ES6

ES7

Playground - Task planner

Día 11

Asincronismo

Playground - Promesas

Manejando el asincronismo

Playground - Resuelve el callback hell usando promesas

Playground - Resuelve el callback hell usando async/await

Día 12

Arrays a profundidad

Métodos de arrays: Every, Find y findIndex

Playground - Válida el formulario

Día 13

Métodos de arrays: Includes, Join y concat

Playground - agrupa los productos

Métodos de arrays: Flat y FlatMap

Playground - Encuentra la ubicación del valor buscado

Día 14

Mutable functions

Playground - Modifica una lista de compras

Métodos de arrays: sort

Playground - Ordena los productos

Día 15 - Checkpoint

Playground - Sistema de reservaciones de un hotel

Día 16

Programación orientada a objetos en JavaScript

Objetos literales

Playground - Congela el objeto recursivamente

Día 17

Prototipos en JavaScript

Playground - Modifica el prototype de los arrays

Playground - Crea un auto usando clases

Día 18

Abstracción en JavaScript

Playground - Sistema de carrito de compras

Encapsulamiento en JavaScript

Playground - Encapsula datos de los usuarios