JSON（JavaScript Object Notation）是一种常用的数据格式，易于阅读和编写。在前端开发中，我们通常使用JSON来传输和存储数据。有时候，我们需要将JSON对象转换为JavaScript数组以便更方便地对数据进行处理和操作。本文将介绍如何将JSON对象转换为JavaScript数组。
1. 使用Object.keys()方法
Object.keys()方法返回一个由给定对象的所有可枚举属性组成的数组。因此，我们可以使用该方法来将JSON对象的属性名组成一个数组。
const json = { "name": "John", "age": 30, "city": "New York" };
const array = Object.keys(json);
console.log(array); // ["name", "age", "city"]这样，我们就将JSON对象转换为了JavaScript数组。但是，该数组只包含JSON对象的属性名，而不包含属性值。如果我们需要同时包含属性名和属性值，则需要通过循环遍历JSON对象来实现。
-- -------------------- ---- ------- ----- ---- - - ------- ------- ------ --- ------- ---- ----- -- ----- ----- - --- --- ---- --- -- ----- - ----- ----- - ---------- ---------------- -------- - ------------------- -- ------ ------- ------ -------- ----- ------ ------ ---- ----- ------- ------ ---- -------
2. 使用Array.from()方法
Array.from()方法用于将类似数组或可迭代对象转换为真正的数组。因此，我们可以使用该方法将JSON对象转换为JavaScript数组。
const json = { "name": "John", "age": 30, "city": "New York" };
const array = Array.from(json);
console.log(array); // Uncaught TypeError: json is not iterable
但是，如果直接使用该方法会得到一个类型错误，因为JSON对象不是一个类似数组或可迭代对象。我们可以通过先将JSON对象转换成字符串，再将字符串转换回数组来实现。
const json = { "name": "John", "age": 30, "city": "New York" };
const jsonString = JSON.stringify(json);
const array = Array.from(JSON.parse(jsonString));
console.log(array); // ["John", 30, "New York"]这样，我们就将JSON对象转换为了JavaScript数组。但是，该数组只包含了JSON对象的属性值，并且属性值的顺序与原来的JSON对象不一定相同。
3. 使用Array.map()方法
Array.map()方法用于将数组中的每个元素都调用一个指定的函数进行转换，并返回一个新的数组。因此，我们可以使用该方法将JSON对象转换为JavaScript数组。
const json = { "name": "John", "age": 30, "city": "New York" };
const array = Object.values(json).map((value) => value);
console.log(array); // ["John", 30, "New York"]这样，我们也将JSON对象转换为了JavaScript数组。但是，该数组只包含了JSON对象的属性值，并且属性值的顺序与原来的JSON对象不一定相同。
结论
本文介绍了三种将JSON对象转换为JavaScript数组的方法。使用Object.keys()方法可以将JSON对象的属性名转换为数组；使用Array.from()方法可以将JSON对象转换为字符串后再转换为数组；使用Array.map()方法可以将JSON对象的属性值转换为数组。需要注意的是，这些方法都有其局限性和适用场景，根据实际情况选择合适的方法进行转换。
参考链接：
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27330