如何使用map和Object.assign把数据转成自己想要的格式

已于 2022-11-27 19:59:59 修改
阅读量359 收藏
点赞数
文章标签： json list 前端
于 2022-11-27 19:57:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47599989/article/details/128067658
版权

图1是后端给我返回的数据结构

图2是html部分

图3是js部分，我想要的数据格式如下，并根据这种数据格式进行渲染

现在开始处理数据，把拿到的数据转成我想要的数据格式，我在拿数据之前需要在地址栏传参，并且传参是通过接口传递，所以直接把数据拼接到接口后面，这里只截图了name和obj1的数据处理，其余的obj2-4都和obj1一样，现在name以及obj1-4都是一个个单独的json。

把以上单独的json放进数组

 

前端小菜鸡入门中
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端大厂最新面试题-es6.docx
06-06
* ES6中也引入了新的对象方法，例如Object.assign()和Object.is()。 数组 * ES6中引入了新的数组方法，例如Array.of()和Array.prototype.fill()。 * ES6中也引入了新的数组特性，例如类型化数组。 函数 * ES6中...
monad-ts:Monad-ts是一个小型库，实现了一些关键的monad以及将其链接到JavaScript和TypeScript中的流（管道）中的方法
05-11
在库中使用ES5（Array.map，Array.reduce，Array.some，Array.isArray，Object.getOwnPropertyNames），ES6（Map，Array.from，Object.assign，Object.keys，Object.is）方法。 强烈建议始终使用ES5-shim和ES6-shim...
map()方法和Object.assign()方法
qq_40238532的博客
11-26 1094
map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 例子： var array= [1,4,9,16]; const map= array.map(x => x *3); console.log(map) 例子： const object1 = { a: 1, b: 2, c: 3 }; c...
Object.assign
全栈科学家的博客
12-02 501
实际项目当中有需要对对象重置数据，添加数据，修改数据的需求，此时object.assign未必不是一个你值得想到的方法.
Object.assign详解
最新发布
DZQ1223的博客
04-11 1403
分析：从例子中可以看出，当我们修改目标对象的属性值时，源对象的name没有变化，但是grade.chi却被改变了（修改源对象的属性也是同理），因此我们可以看出Object.assign()拷贝的只是属性值，假设源对象的属性值是一个指向对象的引用，那么它也只拷贝那个引用值。1、Object.assign()方法的第一个参数是目标对象，后面的参数都是源对象，Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。这个对象的任何变化，都会反映到目标对象上面。
Object.assign()用法讲解
cxu123321的博客
01-14 1649
Object.assign()用法讲解 Calla_Lj 最后发布于2019-04-23 18:54:32 语法: Object.assign(target, …sources) target: 目标对象,sources: 源对象 用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 const target = { a: 1, b: 2 }; const source...
Object.assign()方法详解
weixin_42705100的博客
08-25 965
Object.assign()使用方法总结
js 将多个对象合并成一个对象 assign方法的实现
01-18
使用方式: Object.assign(合并的对象，传入合并中的对象….) let user = {name:'无敌人',age:19}; let page = {pageSize:10,currentPage:1}; let newObj = {}; Object.assign(newObj,user,page); 2.首先es6新增...
eCognitionDeveloper软件常用算法与特征.pdf
01-08
2. 棋盘分割（Chessboard Segmentation）：把整幅或特定的影像对象裁剪成一个给定大小的相等正方形。 3. 四叉树分割（Quadrature Segmentation）：与棋盘分割类似，但是它要创建出不同大小的正方形。 二、分类算法 ...
JavaScript选取(picking)和反选(rejecting)对象的属性方法
12-10
有时候我们需要将一个对象的某些属性选取出来，比方说我们有一个... .reduce((res, o) => Object.assign(res, o), {}); } const row = { 'accounts.id': 1, 'client.name': 'John Doe', 'bank.code': 'MDAKW213' };
elementui的tree树形控件获取所有选中的节点
u012746918的博客
05-26 4574
<el-tree :props="defaultParams" ref="tree" :data="treedata" show-checkbox node-key="id" @check-change="handleCheckChange"> </el-tree> defaultParams: { ...
ES6：Object.assign方法详解
DZQ1223的博客
07-24 4157
首先了解下Object.assign()是什么。我们先看看ES6官方文档是怎么介绍的？Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。注意：Object.assign() 方法至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。
详细分析Object.assign()的用法（附Demo）
码农研究僧的博客
02-10 998
需要将一个或多个对象的属性合并到目标对象中时，是一个非常有用的工具以下是对的详细分析、概念解释和演示示例。
Object.assign()方法给对象赋值和JSON.parse()以及JSON.stringify(）的用法
晚风的博客
04-28 539
Object.assign(a,b)，把对象b赋值给对象a，如图 JSON.parse()可以把JSON字符串转换为数组或者对象 JSON.stringify(）可以把数组或者对象转换为JSON字符串
Object.assign实现对象的浅拷贝、json.parse(json.stringify)实现深拷贝
前端泡面人
08-03 214
Object.assign实现对象的浅拷贝、json.parse(json.stringify)实现深拷贝
关于Object.assign()的使用方法浅析
qq_39196447的博客
07-27 618
一、什么是Object.assign() Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它会返回目标对象。 为了便于理解，此处贴出mdn的对Object.assign的polyfill的源码 if (typeof Object.assign != 'function') { // Must be writable: true, enumerable: false, configurable: true Object.defineProperty(Obje
map 中使用object.assign()的用法
04-29
Map 是一种 JavaScript 数据结构，它可以将键值对进行存储和访问。Object.assign() 是一个用于对象合并的方法，它可以将多个对象合并成一个对象。 在 Map 中使用 Object.assign() 方法有两个主要目的。首先，它可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值