七爪源码:如何在 JavaScript 中将 JSON 转换为地图

wxin55 2024-11-18 17:56 15 浏览 0 评论

在 JavaScript 中将 JSON 转换为 Map：

使用 JSON.parse() 方法将 JSON 字符串解析为对象。
将此对象作为参数调用 Object.entries()。
将 Object.entries() 的结果传递给 Map() 构造函数。

例如：

const json =
  '{"user1":"John","user2":"Kate","user3":"Peter"}';const map = new Map(Object.entries(JSON.parse(json)));// Map(3) { 'user1' => 'John', 'user2' => 'Kate', 'user3' => 'Peter' }
console.log(map);

我们首先将字符串转换为对象，然后再转换为数组，因为我们无法将 JSON 字符串直接解析为 Map。 Object.entries() 方法接受一个对象并返回一个键值对列表，这些键值对对应于对象每个属性的键和值：

const obj = {
  user1: 'John',
  user2: 'Kate',
  user3: 'Peter',
};const arr = Object.entries(obj);// [ [ 'user1', 'John' ], [ 'user2', 'Kate' ], [ 'user3', 'Peter' ] ]
console.log(arr);

Map() 构造函数可以采用键值对的可迭代对象来创建 Map 元素，因此我们将 Object.entries() 的结果直接传递给它。

将地图转换为 JSON

要将 Map 转换回 JSON 字符串，请使用 Map 作为参数调用 Object.fromEntries() 方法，并将结果传递给 JSON.stringify() 方法：

const json =
  '{"user1":"John","user2":"Kate","user3":"Peter"}';const map = new Map(Object.entries(JSON.parse(json)));const jsonFromMap = JSON.stringify(Object.fromEntries(map));// {"user1":"John","user2":"Kate","user3":"Peter"}
console.log(jsonFromMap);

我们首先使用 Object.fromEntries() 转换 Map，因为我们不能直接将 Map 序列化为 JSON 字符串。 Object.fromEntries() 方法将任何键值对列表转换为对象：

const map = new Map([
  ['user1', 'John'],
  ['user2', 'Kate'],
  ['user3', 'Peter'],
]);const obj = Object.fromEntries(map);// { user1: 'John', user2: 'Kate', user3: 'Peter' }
console.log(obj);

jsjson字符串转json对象

上一篇：字符串包含了别的双引号，读取成json文件失败?怎么批量修改?
下一篇：Utf8Json，一个快速 JSON 序列化利器的 C# 库!

七爪源码:如何在 JavaScript 中将 JSON 转换为地图

相关推荐

取消回复欢迎你发表评论:

写给新手|头条文章如何排版更美观?电脑端教程

「基本功」前端安全系列之二:如何防止CSRF攻击?

MySQL InnoDB乐观锁，悲观锁(共享锁|排它锁)，行锁表锁及死锁

如何应用策略设计模式分离JDBC数据库连接中的外部环境信息

同一套网络直播源，为什么别人能用自己却用不了?

JavaScript 实现点击/关闭全屏（怎么关闭javascript弹出框）

车机流畅评分|问界M9鸿蒙车机与第三方APP兼容问题待完善

视频讲解学员信息管理系统升级版（学员管理系统培训机构）

字符串:听说你对KMP还有这些疑问?

深入细聊前端下载总结「干货」（前端软件下载）

七爪源码:如何在 JavaScript 中将 JSON 转换为地图

相关推荐

取消回复欢迎 你 发表评论:

写给新手|头条文章如何排版更美观?电脑端教程

「基本功」前端安全系列之二:如何防止CSRF攻击?

MySQL InnoDB乐观锁，悲观锁(共享锁|排它锁)，行锁表锁及死锁

如何应用策略设计模式分离JDBC数据库连接中的外部环境信息

同一套网络直播源，为什么别人能用自己却用不了?

JavaScript 实现点击/关闭全屏（怎么关闭javascript弹出框）

车机流畅评分|问界M9鸿蒙车机与第三方APP兼容问题待完善

视频讲解学员信息管理系统升级版（学员管理系统 培训机构）

字符串:听说你对KMP还有这些疑问?

深入细聊前端下载总结「干货」（前端软件下载）

取消回复欢迎你发表评论:

视频讲解学员信息管理系统升级版（学员管理系统培训机构）