Question

在服务器端，我有类似的东西：

const users = new Map();
users.set('id', { name: 'name' });
// ...

// then I emit:
io.emit('user_change', users);

在客户端，我有类似的东西：

socket.on('user_change', users => {
    for (let user of users) {
        userlist.append(`<li>${user.name}</li>`);
    }
});

但users为空（{}）。

如何发出Map对象？

Answer 1

socket.io（或任何传输机制）可能使用JSON作为序列化格式。遗憾的是，Maps and Sets和其他ES2015数据类型无法进行JSON编码。

let m = new Map([['one', 1], ['ten', 10], ['hundred', 100]]);
console.log(JSON.stringify(m));
// "{}"

它非常不优雅，但我在服务器端转换为数组数组，传输它，并在客户端重新创建地图：

let transitString = JSON.stringify(Array.from(m));
console.log(transitString)
// "[["one",1],["ten",10],["hundred",100]]"
var newMap = new Map(JSON.parse(transitString));
console.log(newMap)
// Map {"one" => 1, "ten" => 10, "hundred" => 100}

因此，在您的情况下，我会在服务器上执行io.emit('user_change', Array.from(users));，并在客户端上更改for循环以使用地图：for (let user of (new Map(users)))。

如何发射Map对象

1 个答案: