Bagaimana saya bisa Menampilkan Objek Peta JavaScript ES6 ke Konsol?

Catatan: Jawaban ini hanya relevan dengan lingkungan sandbox repl.it yang digunakan OP

Karena Anda mengatakan di komentar bahwa Anda menggunakan repl.it, ada trik yang dapat Anda gunakan untuk menulis "strategi logging" Anda sendiri.

Perhatikan bahwa Anda tidak boleh menggunakan trik ini dalam produksi, terutama karena trik ini mengedit prototipe asli. Di beberapa lingkungan Node, dalam kode Anda sendiri, ini bisa berguna.

Idenya adalah untuk membuat metode inspect untuk Map yang mengulangi entries:

Map.prototype.inspect = function() {
  return `Map(${mapEntriesToString(this.entries())})`
}

function mapEntriesToString(entries) {
  return Array
    .from(entries, ([k, v]) => `\n  ${k}: ${v}`)
    .join("") + "\n";
}

Anda dapat melihat bahwa repl.it mendukungnya di sini

console.log(new Map([["a", 1], ["b", 2]]));
// Logs:
/*
Map(
  a: 1
  b: 2
)
*/

ada solusi yang lebih sederhana yang bisa Anda coba.

 const mapObject = new Map();   
 mapObject.set(1, 'hello');

 console.log([...mapObject.entries()]);
 // [[1, "hello"]]

 console.log([...mapObject.keys()]);
 // [1]

 console.log([...mapObject.values()]);
 // ["hello"]

kamu dapat menggunakan console.log(mapObject.values())

Untuk peta sederhana dengan kedalaman 1, cukup gunakan Object.fromEntries([...map]) untuk mengonversi array entri objek Anda kembali ke objek konsol yang dapat dicatat:

const simpleObj = {
  a: [1, 2, 3],
  b: {c: {d: 42}}
};
const map = new Map(Object.entries(simpleObj));
console.log(Object.fromEntries([...map]));

Namun, hal ini gagal untuk peta bertingkat yang kompleks. Untuk itu, kita dapat mengonversi Maps menjadi objek secara rekursif lalu mencatatnya seperti biasa. Berikut adalah bukti konsep pada struktur kompleks yang menggabungkan objek biasa, Maps, array, dan primitif. Jangan berharap hal ini dapat mencakup semua kasus yang ada, namun jangan ragu untuk menunjukkan perbaikannya.

const convertMapToObjDeeply = o => {
  const recurseOnEntries = a => Object.fromEntries(
    a.map(([k, v]) => [k, convertMapToObjDeeply(v)])
  );
  
  if (o instanceof Map) {
    return recurseOnEntries([...o]);
  }
  else if (Array.isArray(o)) {
    return o.map(convertMapToObjDeeply);
  }
  else if (typeof o === "object" && o !== null) {
    return recurseOnEntries(Object.entries(o));
  }
  
  return o;
};

const mkMap = o => new Map(Object.entries(o));

const map = mkMap({
  a: 42, 
  b: [1, 2, 3, mkMap({d: mkMap({ff: 55})})],
  c: mkMap({
    e: [4, 5, 6, {f: 5, x: y => y}, mkMap({g: z => 1})]
  }),
  h: {i: mkMap({j: 46, jj: new Map([[[1, 6], 2]])})},
  k: mkMap({l: mkMap({m: [2, 5, x => x, 99]})})
});

console.log(convertMapToObjDeeply(map));

Saya menyadari ini kemungkinan besar ditujukan untuk konsol browser tetapi ini juga terjadi di Node.js. Jadi, Anda dapat menggunakan ini di Node untuk melihat Peta (atau Objek yang mungkin berisi Peta):

import * as util from "util";

const map: Map<string, string> = new Map();
map.set("test", "test");

const inspected: string = util.inspect(map);

console.log(inspected);