随着 JavaScript 语言的发展，ES7 已经是一个过时的标准，在 ES8 中引入了许多新特性和 API，其中 Object.entries 是一个非常实用的新 API，它可以帮助我们更方便地解析 JSON。
什么是 Object.entries
Object.entries 是 ES8 新增的一个静态方法，它可以将一个对象转换成一个由其属性键值对组成的数组。具体来说，它会返回一个由键值对组成的二维数组，其中每个键值对都由原对象的一个属性键和属性值组成。下面是 Object.entries 的基本语法：
Object.entries(obj);
其中 obj 是一个对象。调用 Object.entries 方法后，会返回一个由键值对组成的数组，每个元素都是一个长度为 2 的数组，第一项是属性键，第二项是属性值。
如何使用 Object.entries 解析 JSON
由于 JSON 本质上就是一个 JavaScript 对象，我们可以很轻松地使用 Object.entries 方法来解析它。
假设我们有以下的 JSON 数据：
-- -------------------- ---- ------- ----- -------- - -- ------- ----- --------- ---- ------ --- ---------- - ----------- ----- ------- ----- --------- --------- -- ---------- ------ ------ ----- ---展开代码
我们可以使用 JSON.parse 方法将 JSON 字符串转换为 JavaScript 对象：
const data = JSON.parse(jsonData);
然后，我们可以使用 Object.entries 方法将对象转换成数组：
const entries = Object.entries(data);
最后，我们可以使用 for...of 循环遍历数组中的键值对：
for (const [key, value] of entries) { console.log(`${key}: ${value}`); }
输出结果如下：
name: 张三 gender: 男 age: 18 address: [object Object] hobbies: 游泳,打篮球,健身
需要注意的是，由于 Object.entries 返回的属性值可能是一个对象或数组，因此我们需要对其进行特判。例如，如果我们想要打印 address 属性的详细信息，可以继续使用 Object.entries 方法：
const addressEntries = Object.entries(data.address); for (const [key, value] of addressEntries) { console.log(`${key}: ${value}`); }
输出结果如下：
province: 广东 city: 深圳 detail: xx街道xx号
总结
使用 ES8 的 Object.entries 方法可以方便地将对象转换为由其属性键值对组成的数组，这在解析 JSON 数据时非常实用。通过本文的学习，我们学会了如何使用 Object.entries 方法解析 JSON，同时也了解了如何遍历键值对数组和对属性值进行特判。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/654de6247d4982a6eb743b2a
