Método JavaScript Map keys()

A continuación se muestra el ejemplo básico del método Map.keys() .

Javascript

<script>
  let mp=new Map()
  mp.set("a",11);
  mp.set("b",2);
  mp.set("c",5);
  console.log(mp.keys());
</script>

Producción:

MapIterator {"a", "b", "c"}

El método Map.keys() se utiliza para extraer las claves de un objeto de mapa determinado y devolver el objeto iterador de claves. Las llaves se devuelven en el orden en que fueron insertadas.

Sintaxis: 

Map.keys()

Parámetros: este método no acepta ningún parámetro.

Devoluciones: Esto devuelve el objeto iterador que contiene claves en el mapa.

Programa 1:

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width,
                 initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <ul class="list">
  </ul>
  <script>
    // Creating a map using Map object
    let mp=new Map()
    // Adding key value pairs to the map mp
    mp.set("a",1);
    mp.set("b",2);
    mp.set("c",22);
    mp.set("d",12);
    console.log("Type of mp.keys() is: ",typeof (mp.keys()));
    console.log("Keys in map mp are: ",mp.keys());
  </script>
</body>
</html>

Producción:

Programa 2: Actualización del valor de la clave en el mapa e impresión de valores usando el objeto iterador.

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width,
                 initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <ul class="list">
  </ul>
  <script>
    // Creating a map using Map object
    let mp=new Map()
    // Adding key value pairs to the map mp
    mp.set("q",1);
    mp.set("w",2);
    // Value of key "q" is updated to 22
    mp.set("q",22);
    mp.set("d",22);
    mp.set("c",12);
    let it=mp.keys();
    // Logginfg iterator object
    console.log(it);
    console.log(it.next().value)
    // Iterator pointing to next key and
    // printing the value
    console.log(it.next().value)
  </script>
</body>
</html>

Producción: 

Navegadores compatibles: 

  • Chrome 38 y superior
  • Ópera 25 y superior
  • Borde 12 y superior
  • Firefox 20 y superior
  • Safari 8 y superior

Publicación traducida automáticamente

Artículo escrito por TARuN y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *