JavaScript 如何序列化Map

在本文章中，我们将讨论在JavaScript中如何对map进行序列化。

序列化 是指将一个对象或数据结构转换为另一种易于在网络上传输的格式。在JavaScript中，适合传输的格式是JSON字符串。因此，我们通常使用”JSON.stringify()”方法将数据转换为我们所需的格式。

为了使Map的数据在网络或存储中易于传输，我们必须对其进行序列化。可以使用”JSON.stringify()”方法进行序列化。然而，使用这种方法序列化Map会返回一个空对象。为了解决这个问题，我们可以先将Map转换为数组，然后对生成的数组进行序列化。

以下是在JavaScript中序列化Map的方法：

方法1：使用Array.from()和JSON.stringify()
方法2：使用Object.fromEntries()和JSON.stringify()

方法1：使用Array.from()和JSON.stringify()

创建一个Map并向其添加数据
使用Array.from()方法将Map转换为数组
对转换后的数组使用JSON.stringify()方法进行序列化

例如：

Javascript

const map1 = new Map([
    [1, 2],
    [2, 3],
    [4, 5]
]);
   
const arr = Array.from(map1);
const serialized = JSON.stringify(arr);
 
console.log(serialized);

输出

[[1,2],[2,3],[4,5]]

这种方法存在问题，因为由于数组的实现而导致了额外的方括号([])。为了解决这个问题，我们将数据转换为对象而不是数组

方法2：使用Object.fromEntries()和JSON.stringify()方法

创建一个映射并向其中添加数据
使用Object.fromEntries()方法将映射转换为对象
使用JSON.stringify()方法对转换后的对象进行序列化
示例： 这个例子实现了上述方法。

Javascript

const map1 = new Map([
    [1, 2],
    [2, 3],
    [4, 5]
]);
   
const obj = Object.fromEntries(map1);
const serialized = JSON.stringify(obj);
 
console.log(serialized);

输出