二维数组合并成一维数组_上帝的视角带你玩弄js一维数组转二维数组数据归档...

最新推荐文章于 2024-01-21 14:13:38 发布
最新推荐文章于 2024-01-21 14:13:38 发布
阅读量316 收藏
点赞数
文章标签： 二维数组合并成一维数组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42503223/article/details/112694467
版权
这篇博客讨论了如何处理后端返回的一维数组，将其转换为二维数组以满足前端展示的需求。通过实例代码演示了如何归类和组织数据，利用`Object.values(obj)`方法将数据进行转化。最后进行了小结，强调了该方法返回的数组顺序与对象的key顺序一致。
摘要由CSDN通过智能技术生成

这是群里有人问到的一个问题，有些数据可能后端娃子偷懒，假如给你一个接口，然后直接一个一维数组统统给你返回，而你则需要把某些相同特性数据归类展示在不同的位置那你应该怎么去处理呢？如下图

后端数据格式

0770b55b0630ed110ace013370a51a64.png

想要达到的目的

5ebf349ffe34e0ba1fdb04945489e06c.png

实例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39		DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>一维数组转二维数组 - 数据归档title>head><body><script>
        let arr = [{ id: 0, time: "2020-02-19" },{ id: 1, time: "2020-02-30" },{ id: 2, time: "2020-02-19" },{ id: 3, time: "2018-09-10" },{ id: 4, time: "2018-09-10" },{ id: 5, time: "2020-02-19" },{ id: 6, time: "2020-02-19" },{ id: 7, time: "2019-04-23" },{ id: 8, time: "2018-09-10" },];function newArr(arr, key) {
            let obj = {};
            arr.forEach((e) => {if (!obj[e[key]]) {
                    obj[e[key]] = []}
                obj[e[key]].push(e)});return Object.values(obj)}
        console.log(newArr(arr, "time"))body>html>

5204b9d4ce5f037a65486ff3ef923412.png

小结

注意，Object.values(obj)返回一个数组，其元素是在obj对象上找到的可枚举属性值。属性的顺序与手动循环对象的属性值所给出的顺序相同。通俗来说，它是返回一个数组，每一项对应的值是对象的值，返回的数组的每项排序是根据对象的key来的，实例如下：

1
2
3
4
5
6
7
8
9
10
11
12
13		var obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.values(obj)); // ['a', 'b', 'c']var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.values(an_obj)); // ['b', 'c', 'a']var my_obj = Object.create({}, { getFoo: { value: function() { return this.foo; } } });
my_obj.foo = 'bar';
console.log(Object.values(my_obj)); // ['bar']
console.log(Object.values('foo')); // ['f', 'o', 'o']复制代码
22d88e48f4a5e7c7a1265f65f0fc4de7.png 341e4fef84f73bfa212b1209217494fc.png微信号:gh_dcd05cdf3c3e扫码关注我们，获取最新资讯
子曰8059
关注
js二维数组转换一维数组
一片涟漪
04-09 492
var arr1 = [[0, 1], [2, 3], [4, 5]]; var arr2 = [].concat.apply([], arr1); // arr2 [0, 1, 2, 3, 4, 5]
python绘制三维地形shade(vert_exag)参数_Python的地形三维可视化——简介Matplotlib和gdal...
weixin_42303568的博客
02-04 856
虾神前段时间因为工作关系，去灯塔国享受了一把时差，所以有两周没有更新博客了，幸好有撸文小能手吴道长帮忙，写了这样一篇文章，所以先应急发出来。题外话：长期不更新还不掉的粉，才是铁杆粉。下面是正文，本文版权属于python代码界后起之秀吴道长所有。————————我是分割线————————撸这文，是为了向大虾致敬。大虾曾今用R语言对DEM数据进行三维可视化构建。链接如下：http://blog.csd...
js二维数组变为一维数组
m0_45480496的博客
10-22 7490
1、用es5的reduce和concat组合 let list=[ [1,2,3],[4,5,6],[7,8],[9] ] let lists=list.reduce((a,b)=>a.concat(b)) console.log(lists) reduce的用法 数组方法reduce用来迭代一个数组，并且把他累积到一个值中。 使用 reduce 方法时，你要传入一个回调函数，这个回调函数的参数是一个 累加器 （比如例子
js中的多维数组转成一维数组
南北极之间
02-16 4219
【代码】js中的多维数组转成一维数组。
js将两个一维数组合并为二维数组
jiejieyuy的博客
05-07 1万+
let data = ['1','2','3']; let array = ['3','4','5']; data = data.map((key,value)=&gt;[key,array[value]]);这是一个很好的思路
js中将两个一维数组合并为一个二维数组，并给生成的数组下的元素命名
骨子里的偏爱
04-03 431
js中将两个一维数组合并为一个二维数组，并给生成的数组下的元素命名
Easily数组（二）
zCowl
05-18 338
数组相关的记录 数组字面义就是数字的组合，数组相当于一个容器，但这个容器也是“灵活的”，随着声明的类型不一样具备不同的使命。 数组的定义方式： ① 数据类型[ ] + 变量名 = { 数组集 （内容 类型与声明类型一致） }； //静态初始化。 ② 数据类型 + 变量名[ ] = new 数据类型[ 数组长度 ]； //不推荐，C语言兼容的写法...
python绘制三维地形shade(vert_exag)参数_Python的地形三维可视化Matplotlib和gdal使用实例...
weixin_33765593的博客
02-04 516
我是以Python开门的，我还是觉得Python也可以进行地形三维可视化，当然这里需要借助第三方库，so，我就来介绍：Python一个很重要可视化插件，Matplotlib。Matplotlib是Python最著名的绘图库，它提供了一整套友好的命令，十分适合交互式地进行制图。而且也可以方便地将它作为绘图控件，嵌入GUI应用程序中。你会发现Matplotlib和matlab相似，但是你知道matla...
python绘制三维地形_Python的地形三维可视化Matplotlib和gdal使用实例
weixin_39737317的博客
11-20 1154
我是以Python开门的，我还是觉得Python也可以进行地形三维可视化，当然这里需要借助第三方库，so，我就来介绍：Python一个很重要可视化插件，Matplotlib。Matplotlib是Python最著名的绘图库，它提供了一整套友好的命令，十分适合交互式地进行制图。而且也可以方便地将它作为绘图控件，嵌入GUI应用程序中。你会发现Matplotlib和matlab相似，但是你知道matla...
NumPy数组维度
zilongxuan008的博客
12-07 1054
介绍numpy的数组维度。
JS合并两个数组的3种方法详解
10-16
主要介绍了JS合并两个数组的3种方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
js操作两个一维数组转换为二维数组
ybyshezhang的博客
11-26 1450
js操作两个一维数组转换为二维数组 forEach 和 filter结合使用 a.forEach((item,index)=>{ item.children = b.filter(items=>{ return items.goodsCategory === item.id; }) }) console.log(a); let a = [ { cagegor
Javascript两个一维数组合并为二维数组方法
最新发布
u010009208的博客
01-21 779
Javascript两个一维数组合并为二维数组方法
JS 二维数组变一维数组的方法
sumimg的博客
06-29 1万+
js 二维数组转一维数组
合并两个一维数组为二维数组
拾荒盲夫，一指途穷；枯木余生，甘露相涌
02-08 1053
[code="js"] javascript 合并两个数组 function forLoops(){ var arrays = new Array("赤","橙","红","绿","青","蓝","紫"); var colors = new Array("loyal","orange&q
如何使用js实现两个一维数组合并成二维数组，并一一对应
weixin_43935062的博客
04-09 2309
如何使用js实现两个一维数组合并成二维数组，并一一对应 // 问题：ab如何合并成c？ let a = [1,2,3,4,5]; let b = [6,7,8,9,10]; let c = [[1,6],[2,7],[3,8],[4,9],[5,10]] //解决 let arr =[]; a.forEach((item,i)=>{ let arr1 = [] arr1.push(item) arr1.push(b[i]) arr.push(arr1) }) console.log(arr)
js二维数组转一维数组方法
一个人的价值取决于所在位置
03-12 1万+
例子：[[0, 1], [2, 3], [4, 5]]转为[0, 1, 2, 3, 4, 5] 转自：https://www.cnblogs.com/EnSnail/p/9762764.html 方法一 利用es5的arr.reduce(callback[, initialValue])实现 var arr1 = [[0, 1], [2, 3], [4, 5]]; var arr2 = ...
C# 知识点整理，自用（菜鸟教程学习笔记）
A_Ashely的博客
11-19 372
C# 知识点（整理自用）
js数组合并的8种方法
热门推荐
一步一个脚印，踏实努力，向着目标前进
07-13 4万+
在JavaScript中，有多种方法可以合并数组。下面是8种常用的方法，包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat()。
C++入门：一维数组与二维数组全面解析
数组分为一维数组和二维数组，本篇主要讲解一维数组及其使用方法。 一维数组可以看作是一条线性的数据存储空间，每个元素通过下标进行访问。在C++中，定义一维数组的基本语法是`类型标识符 数组名[常量表达式];`。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值