json对象如何转成数组

Hey小伙伴们，今天来聊个技术话题，就是如何把JSON对象转换成数组，是不是听起来有点枯燥？别急，听我慢慢道来，你会发现其实这个过程挺有趣的！

我们得知道什么是JSON对象，JSON，全称JavaScript Object Notation，是一种轻量级的数据交换格式，它基于文本，易于人阅读和编写，同时也易于机器解析和生成，JSON对象，就是用花括号括起来的一系列键值对。

为什么要把JSON对象转换成数组呢？原因有很多，比如数组在某些操作中更加高效，或者我们需要将数据以数组的形式传递给其他函数或模块，就来看看具体怎么操作。

理解JSON对象的结构

在开始转换之前，我们得先理解JSON对象的结构，一个JSON对象可能是这样的：

{
  "name": "John",
  "age": 30,
  "city": "New York"
}

这里有三个键值对，分别是"name"、"age"和"city"。

将键转换为数组

如果我们想将这个JSON对象的键转换成数组，我们可以使用JavaScript中的Object.keys()方法，这个方法会返回一个包含所有键的数组，看下面的例子：

const obj = {"name": "John", "age": 30, "city": "New York"};
const keys = Object.keys(obj);
console.log(keys); // 输出: ["name", "age", "city"]

将值转换为数组

同样地，我们也可以只提取JSON对象的值，并将其转换成数组，这可以通过Object.values()方法实现：

const values = Object.values(obj);
console.log(values); // 输出: ["John", 30, "New York"]

将键值对转换为数组

我们可能需要将键值对作为一个整体转换成数组，这可以通过Object.entries()方法实现，它会返回一个包含键值对的数组：

const entries = Object.entries(obj);
console.log(entries); // 输出: [["name", "John"], ["age", 30], ["city", "New York"]]

转换复杂JSON对象

如果JSON对象包含嵌套的对象或数组，我们可能需要递归地处理它们。

{
  "person": {
    "name": "John",
    "age": 30,
    "address": {
      "street": "123 Main St",
      "city": "New York"
    }
  }
}

对于这样的复杂结构，我们可以写一个递归函数来处理：

function convertToArr(obj) {
  let arr = [];
  for (let key in obj) {
    if (typeof obj[key] === 'object' && obj[key] !== null) {
      arr = arr.concat(convertToArr(obj[key]));
    } else {
      arr.push([key, obj[key]]);
    }
  }
  return arr;
}
const complexObj = {"person": {"name": "John", "age": 30, "address": {"street": "123 Main St", "city": "New York"}}};
const complexArr = convertToArr(complexObj);
console.log(complexArr);

处理数组类型的JSON对象

我们面对的JSON对象本身就是一个数组，这种情况下，我们可以直接使用数组的方法，比如map()，来处理每个元素：

[
  {"name": "John", "age": 30},
  {"name": "Jane", "age": 25}
]

const jsonArray = [{"name": "John", "age": 30}, {"name": "Jane", "age": 25}];
const names = jsonArray.map(item => item.name);
console.log(names); // 输出: ["John", "Jane"]