Map vs Object en JavaScript. ¿Qué son los Map y cuándo usarlos? 🤔

Поділитися
Вставка
  • Опубліковано 4 гру 2024

КОМЕНТАРІ • 51

  • @midulive
    @midulive  3 роки тому +9

    ¿Sabes que tengo un canal principal con MÁS VÍDEOS de FRONTEND? 🔥
    ➡️ ua-cam.com/users/midulive

  • @JeyDotC
    @JeyDotC 3 роки тому +37

    La razón por la que no hay un toJson en Map la diste tú mismo varios minutos atrás: "las keys pueden ser cualquier cosa", por lo que representar el map en forma de JSON se vuelve un problema, debido a que JSON sólo acepta llaves tipo string. Esto nos pone en frente una pregunta: cómo traduzco las functions, los objects y los arrays a strings? La respuesta es que se puede, pero no de una manera determista, predecible o conveniente, es por eso que la conversión a ese formato se vuelve responsabilidad del usuario, porque sólo el que usa el Map sabe cómo (y si) traducir las keys a una representación en string conveniente.

  • @PabloKart
    @PabloKart 3 роки тому +11

    Todos estos video tutoriales siempre son pocos. Da gusto escucharte, siempre se aprende algo nuevo.
    Sigue así!

  • @danicofplay
    @danicofplay Рік тому +2

    Min 10:50
    Para 'borrar' una key de un objeto lo estaba haciendo de la siguiente forma, no se si sería lo mas adecuado. (Creando un objeto nuevo sin transformar el original)
    const {name, ...persona2} = persona
    Object.keys(persona2).length //2

  • @marcosantonioreyesmedina2364
    @marcosantonioreyesmedina2364 3 роки тому +3

    Buenísimo Midu, excelente vídeo.

    • @midulive
      @midulive  3 роки тому +1

      Gracias! 🙇‍♂️

  • @Svidur
    @Svidur 3 роки тому +6

    que significa el ; antes de una instrucción como por ej: ;[...map] entiendo que con los 3 puntos estas destructurando el map pero porque pones el ; delante? estas cerrando la instrucción anterior para que no se pegue ?
    Por cierto me gustan mucho tus videos! recientemente he descubierto el canal y me parece muy útil! lo único que comentaría es arreglar unos ruidos que hace a veces el sonido

  • @martinarce8138
    @martinarce8138 3 роки тому +4

    Buena chapa! Gracias jefe!

  • @goyii
    @goyii 9 місяців тому

    Yo hice una pequeña libreria para los objetos en javascript. Agrega metodos funcionales, map, foreach, getKeys, getValues, getSize, remove. Etc. Esta bastante bueno

  • @jairtellezromero9678
    @jairtellezromero9678 Рік тому +2

    @midulive Cómo es que tienes configurado tu VScode para que al lado derecho de la pantalla siempre te este dando un log, y no tener que ir a la terminal a escribir node [nombre_archivo]

  • @steveanthonyluzquinosagama7450
    @steveanthonyluzquinosagama7450 3 роки тому +2

    Excelente vídeo, ¡te ganaste un nuevo sub!

  • @lucasgazzola
    @lucasgazzola 3 роки тому +2

    Sos muy grande Midu

  • @alcibiadesc
    @alcibiadesc 2 роки тому +1

    ¡Hola @midulive! Gracias por el video, muy ilustrativo.
    Una duda, cómo podríamos hacer un ¿Array de Maps? Equivalente a un Array de Objects

  • @fullpeliculafhdhdsd9242
    @fullpeliculafhdhdsd9242 3 роки тому +1

    También mediante el iterator puede crear el objeto, osea que a la vez puede ser mejor que un object.

    • @midulive
      @midulive  3 роки тому +2

      Y con un object puedes crear un Map también... ¡también sería a la vez mejor que un Map!

    • @fullpeliculafhdhdsd9242
      @fullpeliculafhdhdsd9242 3 роки тому +1

      @@midulive exactamente viceversa.

  • @isandracruz3447
    @isandracruz3447 3 роки тому +3

    Muy interesante, gracias.

    • @midulive
      @midulive  3 роки тому +2

      Gracias por comentar Isandra!

  • @iancarlosortega8046
    @iancarlosortega8046 3 роки тому +4

    Hola midu al inicio del video hablas acerca de una articulo del null, podrias pasarnos el articulo o decirnos como encontrarlo por favor!

    • @midulive
      @midulive  3 роки тому +6

      2ality.com/2013/10/typeof-null.html

    • @iancarlosortega8046
      @iancarlosortega8046 3 роки тому +4

      @@midulive muchas gracias profe!

    • @midulive
      @midulive  3 роки тому +3

      @@iancarlosortega8046 🚀

  • @xavigu91
    @xavigu91 3 роки тому +3

    que IDE utilizas para hacer todos estos ejemplos de tus videos?

  • @juanpumpkinpie6550
    @juanpumpkinpie6550 3 роки тому +1

    Miguel, cual es la extension del console.log en el vscode?

  • @edustreamimg
    @edustreamimg 3 роки тому +2

    Hola Miguel, como se llama el programa que usas para ejecutar js en tiempo real? este: 3:39

  • @DAVIDIL81
    @DAVIDIL81 3 роки тому +2

    en qué programas estás escribiendo el código?
    gracias por tus videos

    • @DAVIDIL81
      @DAVIDIL81 3 роки тому +2

      disculpa! ya lo preguntó alguien (runJS) sorry

    • @midulive
      @midulive  3 роки тому +2

      🤣

  • @emmanueltabordav3040
    @emmanueltabordav3040 3 роки тому +1

    Gente... Una pregunta, que editor está usando midu? Y como hace para que se ejecute el código al lado

    • @calandula2007
      @calandula2007 2 роки тому +1

      RunJS, aunque a estas alturas ya lo sabras xD

  • @elperrod2583
    @elperrod2583 2 роки тому +1

    El objeto o pastel de la programación

  • @elisiumcosmos7600
    @elisiumcosmos7600 2 роки тому

    Con humildad me parece ke se pronuncia..erray....no arrey....bueno sin animo de molestar gracias...por hacer estos material..se aprende mucho...

  • @hidenplus2109
    @hidenplus2109 2 роки тому +1

    11:25 alguna alternativa util podria ser esta? Necesito una manera de transformarlo y es la unica que se me ocurre D:
    Map.prototype.toJSON = function (){
    const keys = this.entries();
    let value;
    let object = new Object(null);
    for(let i = 0; i < this.size; i++){
    value = keys.next().value;
    object[value[0]] = value[1]
    }
    return object;
    }

    • @Lanzelord
      @Lanzelord Рік тому +1

      Map.prototype.toJSON = function () {
      return Object.fromEntries(this)
      }
      Yo lo haría así, ya que es más corto y funciona igual

  • @ZzZz-dr7uq
    @ZzZz-dr7uq 3 роки тому

    por que pones ; [...map] 15:58

  • @terry-
    @terry- 10 місяців тому

    Genial!

  • @__renesan
    @__renesan 3 роки тому

    Gracias

  • @fabianbeltrangomez3339
    @fabianbeltrangomez3339 3 роки тому +1

    Que editor es este?

  • @fernandomoran3163
    @fernandomoran3163 3 роки тому +2

    Has un curso de js

    • @midulive
      @midulive  3 роки тому +2

      :D Ojalá tuviera tiempo!!!

    • @fernandomoran3163
      @fernandomoran3163 3 роки тому

      @@midulive cuando puedas auque se a de paga

  • @GonDevel
    @GonDevel 3 роки тому +3

    Hola!

  • @User-yh7bp
    @User-yh7bp 2 роки тому

    Cool

  • @ramirodondero7856
    @ramirodondero7856 2 роки тому +1

    Object me salvó de muchas