Playground - Crea un stack para una playlist

Clase 90 de 99 • 30 días de JavaScript

Contenido del curso

¡Te damos la bienvenida a este reto!

1
¡Bienvenido al mundo de JavaScript!
01:33 min

Día 1

Día 2

Día 3

Día 4

Día 5 - Checkpoint

20
Playground - encuentra el palindromo más grande

Día 6

Día 7

Día 8

Día 9

Día 10 - Checkpoint

Día 11

Día 12

Día 13

Día 14

Día 15 - Checkpoint

50
Playground - Sistema de reservaciones de un hotel

Día 16

Día 17

Día 18

Día 19

Día 20 - Checkpoint

65
Playground - Agenda de vuelos

Día 21

Día 22

Día 23

Día 24 - Checkpoint

77
Playground - Crea un task manager con patrones de diseño

Día 25

Día 26

Día 27

Día 28

Día 29

Día 30

93
¡Lo lograste!
01:41 min

Live Class

Tomar examen

Comentarios

Abril Darynka Tapia Sosa

student•

Hola, les dejo mi solución . . . . . . . . . .

. . . .

export class Node {
  constructor(value) {
    // Tu código aquí 👈🏻
    this.value = value;
    this.next = null;
  }
}

export class Playlist {
  constructor() {
    // Tu código aquí 👈🏻
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    // Tu código aquí 👈🏻
    const newNode = new Node(song);

    if (!this.top) {
      this.top = newNode;
      this.bottom = newNode;
    } else {
      newNode.next = this.top;
      this.top = newNode;
    }
    this.length++;
  }

  playSong() {
    // Tu código aquí 👈🏻
    if (!this.top) {
      throw new Error("No hay canciones en la playlist")
    }

    const currentSong = this.top.value;
    if (this.top === this.bottom) {
      this.bottom = null;
    }
    this.top = this.top.next;
    this.length--;

    return currentSong;
  }

  getPlaylist() {
    // Tu código aquí 👈🏻
    let currentNode = this.top;
    let currentNodeArray = [];
    for (let i = 0; i < this.length; i++) {
      currentNodeArray.push(currentNode.value)
      currentNode = currentNode.next;
    }
    return currentNodeArray;
  }
}

Rubén Hernández Hernández

student•

💚Mi Solución💚

🛡️Escudo Anti-spoilers🛡️

!catmusic

👾Código

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null
    this.bottom = null
    this.length = 0
  }

  addSong(song) {
    const newNode = new Node(song)

    if (this.length == 0) {
      this.top = newNode
      this.bottom = newNode
    } else {
      newNode.next = this.top
      this.top = newNode
    }

    this.length++

    return this
  }

  playSong() {
    if (this.length == 0)
      throw new Error("No hay canciones en la lista")

    const song = this.top.value

    if (this.length != 1) {
      this.top = this.top.next
    } else {
      this.top = null
      this.bottom = null
    }

    this.length--
    return song
  }

  getPlaylist() {
    let playlist = []
    let actualSong = this.top
    while (actualSong != null) {
      playlist.push(actualSong.value)
      actualSong = actualSong.next
    }

    return playlist
  }
}

Angel Javier Sanchez Tenjo

student•

Hola mi aporte:

✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅

node.js

export class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

exercise.js

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newSong = new Node(song);
    if (this.length === 0) {
      this.top = newSong;
      this.bottom = newSong;
    } else {
      newSong.next = this.top;
      this.top = newSong;
    }

    this.length++;
  }

  playSong() {
    if (this.length === 0) {
      throw new Error("No hay canciones en la playlist");
    }

    const actualSong = this.top.value;
    if (this.top === this.bottom) {
      this.bottom = null;
    }

    this.top = this.top.next;

    this.length--;
    return actualSong;
  }

  getPlaylist() {
    const songs = [];
    let current = this.top;

    while (current) {
      songs.push(current.value);
      current = current.next;
    }

    return songs;
  }
}

Nicolás Felipe Pinto Vega

student•

Aqui esta mi solución: . . . . . . . . . . . . . . .

//node.js

export class Node {
  constructor(value) {
    // Tu código aquí 👈🏻
    this.value = value;
    this.next = null;
  }
}

//exercise.js

import { Node } from "./node";

export class Playlist {
  constructor() {
    // Tu código aquí 👈🏻
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    // Tu código aquí 👈🏻
    const newSong = new Node(song);

    if (!this.top) {
      this.top = newSong;
      this.bottom = newSong
    }
    else {
      newSong.next = this.top;
      this.top = newSong;
    }
    this.length++;
  }

  playSong() {
    // Tu código aquí 👈🏻
    if (!this.top) throw new Error('No hay canciones en la lista');

    if (this.top === this.bottom) this.bottom = null;

    const playedSong = this.top;
    this.top = this.top.next;
    this.length--;

    return playedSong.value;
  }

  getPlaylist() {
    // Tu código aquí 👈🏻
    const playList = new Array();

    let currentSong = this.top;
    while (currentSong) {
      playList.push(currentSong.value);
      currentSong = currentSong.next;
    }

    return playList;
  }
}

Carina Payleman

student•

. . . . . .

node.js

export class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

exercise.js

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newSong = new Node(song);
    if (!this.top) {
      this.top = newSong;
      this.bottom = newSong;
    } else {
      newSong.next = this.top;
      this.top = newSong;
    }
    this.length++;
  }

  playSong() {
    if (!this.top) {
      throw new Error("No hay canciones en la lista.");
    }
    if (this.top === this.bottom) {
      this.bottom = null;
    }
    let song = this.top.value;
    this.top = this.top.next;
    this.length--;
    return song;
  }

  getPlaylist() {
    let currentSong = this.top;
    const arrayPlaylist = [];
    while (currentSong) {
      arrayPlaylist.push(currentSong.value);
      currentSong = currentSong.next;
    }
    return arrayPlaylist;
  }
}

Victor Ortiz

student•

Este si estuvo mas fácil, aunque siempre tiene que ser realizado bajo las condiciones ya programadas, solo por una variable que cambie de nombre no me pasaba, pero en fin mi solución . . . . . . . . . . . . . . . . .

node.js

export class Node {
  constructor(value) {
    // Tu código aquí 👈🏻
    this.value = value;
    this.next = null;
  }
}

exercise.js

import { Node } from "./node";

export class Playlist {
  constructor() {
    // Tu código aquí 👈🏻
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    // Tu código aquí 👈🏻
    const newSong = new Node(song);
    if (!this.top) {
      this.top = newSong;
      this.bottom = newSong;
    } else {
      newSong.next = this.top;
      this.top = newSong;
    }
    this.length++;
    return this;
  }

  playSong() {
    // Tu código aquí 👈🏻
    if (!this.top)
      throw new Error('No hay caciones en la lista');
    if (this.top === this.bottom)
      this.bottom = null;
    let song = this.top.value;
    this.top = this.top.next;
    this.length--;
    return song;
  }

  getPlaylist() {
    // Tu código aquí 👈🏻
    let lSong = this.top;
    const listSongs = [];
    while (lSong) {
      listSongs.push(lSong.value);
      lSong = lSong.next;
    }
    return listSongs;
  }
}

Elias Rayas Gonzalez

student•

Solución

class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newSong = new Node(song);

    if (this.length === 0) {
      this.top = newSong;
      this.bottom = newSong;
    } else {
      newSong.next = this.top;
      this.top = newSong;
    }

    this.length++;
    return this;
  }

  playSong() {
    if (this.length === 0) return null;

    const deletedSong = this.top.value;

    if (this.length === 1) {
      this.top = null;
      this.bottom = null;
    } else {
      this.top = this.top.next;
    }

    this.length--;
    console.log(deletedSong);
    return this;
  }

  getPlaylist() {
    let currentNode = this.top;
    const array = [];

    while (currentNode) {
      array.push(currentNode.value);

      currentNode = currentNode.next;
    }

    console.log(array);
    return array;
  }
}

Alejandro Anaya

student•

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

Mi solución al reto:

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null
    this.bottom = null
    this.length = 0
  }

  addSong(song) {
    let newNode = new Node(song)
    if (this.length === 0) {
      this.top = newNode
      this.bottom = newNode
    } else {
      newNode.next = this.top
      this.top = newNode
    }
    this.length++
    return this
  }

  playSong() {
    if (this.length <= 0) throw new Error("No hay canciones en la lista")
    if (this.top === this.bottom) {
      this.bottom = null;
    }
    let play = this.top.value
    this.top = this.top.next
    this.length--
    return play
  }

  getPlaylist() {
    let playlistArray = []
    let currentNode = this.top
    while (currentNode) {
      playlistArray.push(currentNode.value)
      currentNode = currentNode.next
    }
    return playlistArray
  }
}

Gabriel Luna

student•

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

export class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

exercise.js

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null
    this.bottom = null
    this.length = 0
  }

  addSong(song) {
    const newNode = new Node(song);
    if (this.length === 0) {
      this.top = newNode;
      this.bottom = newNode;
    } else {
      newNode.next = this.top;
      this.top = newNode;
    }

    this.length++;
  }

  playSong() {
    if (!this.top) {
      throw new Error("No hay canciones en la playlist");
    }

    if (this.top === this.bottom) {
      this.bottom = null;
    }

    let ssong = this.top.value;
    this.top = this.top.next;
    this.length--;
    return ssong;
  }

  getPlaylist() {
    let playList = [];
    if (this.top) {
      let currentNode = this.top;
      while (currentNode) {
        playList.push(currentNode.value);
        currentNode = currentNode.next;
      }      
    }
    return playList;    
  }
}

JAIME EDUARDO DIAZ TOBON

student•

++MI APORTE++ 💪 . . . . . . . . . . . . . . . . . . . . . . . . . . class Node

export class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

class Playlist

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newNode = new Node(song);
    if (this.length === 0) {
      this.top = newNode;
      this.bottom = newNode;
    } else {
      newNode.next = this.top;
      this.top = newNode;
    }
    this.length++;
  }

  playSong() {
    if (!this.top) throw new Error("No hay canciones en la lista");
    if (this.top === this.bottom) {
      this.bottom = null;
    }
    const song = this.top.value;
    this.top = this.top.next;
    this.length--;
    return song;
  }

  getPlaylist() {
    const songs = [];
    let currentNode = this.top;
    for (let i = 0; i < this.length; i++) {
      songs.push(currentNode.value);
      currentNode = currentNode.next;
    }
    return songs;
  }
}

Victor Hernandez

student•

node.js

export class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

exercise.js

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newNode = new Node(song);
    if (this.length === 0) {
      this.top = newNode;
      this.bottom = newNode;
    } else {
      const pointer = this.top;
      this.top = newNode;
      this.top.next = pointer;
    }

    this.length++;
    return this;
  }

  playSong() {
    if (this.length === 0) {
      throw new Error("No hay canciones en la lista");
    }
    if (this.top === this.bottom) {
      this.bottom = null;
    }
    const value = this.top.value;
    this.top = this.top.next;
    this.length--;
    return value;
  }

  getPlaylist() {
    if (this.length === 0) {
      return [];
    }
    const array = [];
    let node = this.top;
    array.push( this.top.value)
    while (node.next) {
      array.push(node.next.value);
      node = node.next;
    }
    return array;
  }
}

David Esteban Giraldo Duque

student•

Mi solución: . . . . . . . .

node.js

export class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

exercise.js

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null
    this.bottom = null
    this.length = 0
  }

  addSong(song) {
    const newSong = new Node(song)
    if (this.length === 0) {
      this.top = newSong
      this.bottom = newSong
    } else {
      newSong.next = this.top
      this.top = newSong
    }
    this.length++
  }

  playSong() {
    if (!this.top) {
      throw new Error("No hay canciones en la playlist")
    }
    const currentSong = this.top
    if (currentSong === this.bottom) {
      this.bottom = null
    }
    this.top = this.top.next
    this.length--
    return currentSong.value
  }

  getPlaylist() {
    let array = []
    let currentSong = this.top
    while (currentSong) {
      array.push(currentSong.value)
      currentSong = currentSong.next
    }
    return array
  }
}

Andres Eduardo Maneiro Antunez

student•

Les comparte mi humilde solucion . . . . . . . . . .. . . . . . ..

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newSong = new Node(song);
    if (this.length === 0) {
      this.top = newSong;
      this.bottom = newSong;
    } else {
      newSong.next = this.top;
      this.top = newSong;
    }
    this.length++;
  }

  playSong() {
    if (!this.top) {
      throw new Error("No hay canciones en la playlist");
    }
    const current = this.top.value
    if (this.top === this.bottom) {
      this.bottom = null
    }

    this.top = this.top.next
    this.length--
    return current

  }

  getPlaylist() {
    const playlist = []
    let current = this.top
    while (current) {
      playlist.push(current.value)
      current = current.next
    }
    return playlist
  }
}

Harold Zurita Simon

student•

Solución… 😄 . . . .

. . node.js:

export class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

. exercise.js:

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    let newSong = new Node(song);

    if (!this.top) {
      this.bottom = newSong;
      this.top = newSong;
    } else { 
      newSong.next = this.top;
      this.top = newSong;
    }

    this.length++;
    return this;
  }

  playSong() {
    if (!this.top) { 
      throw new Error("No hay canciones en la playlist");
    }

    if (this.top === this.bottom) { 
      this.bottom = null;
    }

    let actualSong = this.top.value;

    this.top = this.top.next;
    this.length--;
    return actualSong;
  }

  getPlaylist() {
    let list = [];
    let actual = this.top;

    while (actual) {
      list.push(actual.value);
      actual = actual.next;
    }

    return list;
  }
}

Alexis Corrales

student•

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newNode = new Node(song);
    if (this.length === 0) {
      this.top = newNode;
      this.bottom = newNode;
    } else {
      newNode.next = this.top;
      this.top = newNode;
    }
    this.length++;
  }

  playSong() {
    if (this.length === 0) {
      throw new Error("No hay canciones en la playlist");
    }
    const song = this.top.value;
    if (this.top === this.bottom) {
      this.bottom = null;
    }
    this.top = this.top.next;
    this.length--;
    return song;
  }

  getPlaylist() {
    const playlist = [];
    let currentNode = this.top;
    while (currentNode) {
      playlist.push(currentNode.value);
      currentNode = currentNode.next;
    }
    return playlist;
  }
}

Raul Carrillo Garrido

student•

El error de "Eliminar el siguiente al reproducir" es demasiado criptico, me ha costado un rato y estar apunto de tirar la toalle el darme cuenta de que lo que queria decir en realidad es "si solo queda un elemento en la lista, poner botttom a null. . . . . . . . . . . . .

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newNode = {
      value: song,
      next: null
    }

    if (!this.bottom) {
      this.bottom = newNode;
      this.top = newNode;
    } else {
      const prevTop = this.top;
      this.top = newNode;
      this.top.next = prevTop;
    }

    this.length++;
  }

  playSong() {
    if (!this.top) {
      throw new Error("No hay canciones en la playlist");
    }

    if (this.top === this.bottom) {
      this.bottom = null;
    }

    const currentTop = this.top.value;
    this.top = this.top.next;
    this.length--;

    return currentTop;
  }

  getPlaylist() {
    const playlistArr = [];

    let currentNode = this.top;
    while (currentNode) {
      playlistArr.push(currentNode.value);
      currentNode = currentNode.next;
    }

    return playlistArr;
  }
}

Agustin Choque Veliz

student•

Mi solución: . . . . . . . . . . código node.js:

export class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

código exercise.js:

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newNode = new Node(song);
    if (this.length === 0) {
      this.top = newNode;
      this.bottom = newNode;
    } else {
      newNode.next = this.top;
      this.top = newNode;
    }

    this.length++;

    return this
  }

  playSong() {
    if (this.length == 0) {
      throw new Error("No hay canciones en la playlist");
    }
    const songTop = this.top.value;

    if (this.top === this.bottom) {
      this.bottom = null;
    }

    this.top = this.top.next;
    this.length--;

    return songTop;
  }

  getPlaylist() {
    let playList = [];
    let currentNode = this.top;
    while (currentNode) {
      playList.push(currentNode.value);
      currentNode = currentNode.next;
    }
    return playList;
  }
}

Fabrizio López

student•

Acá mi solución, muy parecida a la del resto. Ojo que el error que se debe mostrar no es "No hay canciones en la lista", sino "No hay canciones en la playlist". Ahora si la solución: . . . . . . . . . .

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom  = null;
    this.length  = 0;
  }

  addSong(song) {
    const newSong = new Node(song);
    if (!this.top) {
      this.top = newSong;
      this.bottom = newSong;
    }
    else {
      newSong.next = this.top;
      this.top = newSong;
    }

    this.length++;
    return this;
  }

  playSong() {
    if (!this.top) throw new Error("No hay canciones en la playlist");

    const lastSong = this.top;

    this.top = this.top.next;
    if (this.length === 1) this.bottom = null;
    this.length--;
    return lastSong.value;
  }

  getPlaylist() {
    if (!this.top) return [];
    let currentSong = this.top;
    const playList = [];
    playList.push(this.top.value);

    while (currentSong.next) {
      playList.push(currentSong.next.value);
      currentSong = currentSong.next;
    }

    return playList;
  }
}

Israel Blas

student•

Resolución del ejercicio jejej

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

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null
    this.bottom = null
    this.length = 0
  }

  addSong(song) {
    const newSong = new Node(song)
    if (this.length === 0) {
      this.top = newSong
      this.bottom = newSong
    }
    else {
      newSong.next = this.top
      this.top = newSong
    }
    this.length++
    return this
  }

  playSong() {
    if (this.length === 0) throw new Error("No hay canciones en la playlist")

    const removeSong = this.top
    this.top = this.top.next

    if (this.length === 1) this.bottom = null

    this.length--
    return removeSong.value
  }

  getPlaylist() {
    let count = this.length
    const arraySongs = []
    let tempSong = this.top
    while (count > 0) {
      arraySongs.push(tempSong.value)
      tempSong = tempSong.next
      count--
    }

    return arraySongs
  }
}

David Ochoa

student•

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

Crea un stack para una playlist

!Spoiler Shield

Nunca pares de aprender 🦾

Node.js

export class Node {
  constructor(value) {
    this.value = value
    this.next = null
  }
}

exercise.js

import { Node } from "./node";

export class Playlist {
  constructor() {
    this.top = null;
    this.bottom = null;
    this.length = 0;
  }

  addSong(song) {
    const newSong = new Node(song);
    if (!this.top) {
      this.top = newSong
      this.bottom = newSong
      console.log(this);
    }
    else {
      newSong.next = this.top
      this.top = newSong
    }
    this.length++;
    return this
  }

  playSong() {
    if (!this.top) {
      throw new Error("No hay canciones en la playlist")
    }
    if (this.top == this.bottom) {
      this.bottom = null
    }
    const playedSong = this.top.value
    this.top = this.top.next
    this.length--;
    return playedSong
  }

  getPlaylist() {
    const playList = []
    if (!this.top) {
      return []
    }
    if (this.top) {
      playList.push(this.top.value)
      console.log(this.top.value)
      let currentSong = this.top
      while (currentSong.next) {
        playList.push(currentSong.next.value)
        currentSong = currentSong.next
      }
    }
    return playList
  }
}

Playground - Crea un stack para una playlist

¡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