JSON格式转换 [reduce()方法实现]

Benjamins.

已于 2023-02-23 18:07:05 修改

阅读量609

点赞数 1

CC 4.0 BY-SA版权

文章标签： json javascript

于 2022-04-28 09:24:15 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43477423/article/details/124465362

本文详细介绍了JavaScript中的reduce方法，包括其语法、参数解析，并通过一个实际示例展示了如何使用reduce方法将特定JSON格式的数据进行转换。示例中，reduce方法用于将动态Tags数组转化为包含pointId和pointOrder的新数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

reduce()方法

一、reduce语法

  arry.reduce((res, item, index) => {
          执行的代码块
          return res
 }, initiaValue)

二、reduce参数

   ①. res：返回执行代码块的结果
   ②. item：当前数组的值
   ③. index：当前数组的下标
   ④. initiaValue：初始值（可选）

三、reduce图例

在这里插入图片描述

四、reduce用法示例

4.1 数据源：

dynamicTags: [ 
	{ pointId: "587cfb04332f4486a73ea0e1da719d51" pointName: "1号" },
	{ pointId: "752661f9d32746fe88542ef87b9423f8"   pointName: "3号" }, 
	{ pointId: "dabecfbaca584ab1960c83e5f928ee7d" pointName: "2号" }
 ]

4.2 使用reduce转换指定JSON格式

const newArr = this.dynamicTags.reduce((res, item, index) => { 
	res.push({ pointId: item.pointId, pointOrder: index + 1 }) 
	return res }, 
	[])

4.3 返回结果

newArr：[
	{pointId: "587cfb04332f4486a73ea0e1da719d51", pointOrder: 1},
	{pointId: "752661f9d32746fe88542ef87b9423f8", pointOrder: 2},
	{pointId: "dabecfbaca584ab1960c83e5f928ee7d", pointOrder: 3}
]