将JSON对象转化为key-value的对象数组,我们可以使用JavaScript的map函数。
将JSON对象转化为key-value的对象数组,我们可以使用JavaScript的map函数。
首先,我们需要将JSON字符串解析为JSON对象,使用JSON.parse()方法可以完成这一步操作。接下来,为了将JSON对象转化为key-value的对象数组,我们需要使用map函数,对JSON对象进行遍历,返回转化后的数组。
以下是完整的转化过程:
- 将JSON字符串解析为JSON对象
const jsonString = '{"name":"Tom","age":18,"gender":"male"}';
const jsonObj = JSON.parse(jsonString);
- 使用map函数遍历JSON对象,将其转化为key-value的对象数组
const objArray = Object.keys(jsonObj).map((key) => {
return { key, value: jsonObj[key] };
});
- 输出转化后的对象数组
console.log(objArray);
// 输出:[{key: "name", value: "Tom"}, {key: "age", value: 18}, {key: "gender", value: "male"}]
另一个示例:
- 将JSON字符串解析为JSON对象
const jsonString = '[{"name":"Tom","age":18},{"name":"Jerry","age":20}]';
const jsonObj = JSON.parse(jsonString);
- 使用map函数遍历JSON对象,将其转化为key-value的对象数组
const objArray = jsonObj.map((obj) => {
return { name: obj.name, age: obj.age };
});
- 输出转化后的对象数组
console.log(objArray);
// 输出:[{name: "Tom", age: 18}, {name: "Jerry", age: 20}]
以上是使用JSON对象转化为key-value的对象数组的完整攻略,希望对你有所帮助。
沃梦达教程
本文标题为:使用json对象转化为key,value的对象数组
![](/xwassets/images/pre.png)
![](/xwassets/images/next.png)
猜你喜欢
- Windows安装Maven并配置环境的详细步骤 2023-07-15
- java开发线上事故理解RocketMQ异步精髓 2023-03-07
- 导入maven项目各个注解均报错的解决方案 2023-08-07
- Spring Cloud详解实现声明式微服务调用OpenFeign方法 2023-03-06
- js的表单操作 简单计算器 2024-01-28
- 详解hibernate自动创建表的配置 2023-07-31
- Spring Boot超详细讲解请求处理流程机制 2023-02-28
- 一文带你学会Spring JDBC的使用 2023-05-19
- synchronized 和 Lock 的异同点(如何让选择) 2023-05-14
- java访问者模式的静态动态及伪动态分派彻底理解 2023-01-29