当前位置:网站首页>将同级数据处理成树形数据
将同级数据处理成树形数据
2022-08-01 11:33:00 【淋雪小新】
将同级数据处理成树形数据
<script>
const oldArray = [
{
batchNo: "1",
factoryCnName: "苹果",
goodsCnName: "pingguo",
inputNum: 1,
},
{
batchNo: "1",
factoryCnName: "苹果",
goodsCnName: "pingguo",
inputNum: 3,
},
{
batchNo: "1",
factoryCnName: "梨子",
goodsCnName: "lizi",
inputNum: 3,
},
{
batchNo: "1",
factoryCnName: "梨子",
goodsCnName: "lizi",
inputNum: 3,
},
{
batchNo: "2",
factoryCnName: "苹果",
goodsCnName: "pingguo",
inputNum: 3,
},
];
const inStoreTabData = TabFormartFun(oldArray);
console.log(inStoreTabData, "inStoreTabData");
//处理出入库表格数据
function TabFormartFun(arr) {
const data1 = dataformart1(arr, "goodsCnName");
const data2 = dataformart2(data1, "factoryCnName");
const result = dataformart3(data2, "batchIdNo");
return result;
}
//格式化表格数据
function dataformart1(beforeData, name) {
var tempArr = [];
var afterData = [];
for (var i = 0; i < beforeData.length; i++) {
if (tempArr.indexOf(beforeData[i][name]) == -1) {
afterData.push({
Name: beforeData[i][name],
show: i == 0 || name == "batchIdNo" ? true : false,
children: [beforeData[i]],
});
tempArr.push(beforeData[i][name]);
} else {
for (var j = 0; j < afterData.length; j++) {
if (afterData[j].Name == beforeData[i][name]) {
afterData[j].children.push(beforeData[i]);
break;
}
}
}
}
return afterData;
}
function dataformart2(beforeData, name) {
beforeData.forEach((element, index) => {
var afterData = [];
var tempArr = [];
var ele = element.children;
var itemArr = dataformart1(ele, name);
beforeData[index].children = itemArr;
});
return beforeData;
}
function dataformart3(beforeData, name) {
beforeData.forEach((element, index) => {
var afterData = [];
var tempArr = [];
var ele = element.children;
var itemArr = dataformart2(ele, name);
//计算数量
itemArr.forEach((eve) => {
eve.children.forEach((item) => {
var total = 0;
item.children.forEach((e) => {
total = total + (e.inputNum - 0);
});
item.total = total;
});
});
beforeData[index].children = itemArr;
});
return beforeData;
}
</script>
边栏推荐
- SCHEMA solves the puzzle
- 【公开课预告】:超分辨率技术在视频画质增强领域的研究与应用
- 回归预测 | MATLAB实现RNN循环神经网络多输入单输出数据预测
- Mini Program Graduation Works WeChat Food Recipes Mini Program Graduation Design Finished Products (4) Opening Report
- Ts-Map 类的使用
- 利用正则表达式的回溯实现绕过
- 轮询和长轮询的区别
- 表连接详解
- 机器学习 | MATLAB实现支持向量机回归RegressionSVM参数设定
- Favorites|Mechanical Engineer Interview Frequently Asked Questions
猜你喜欢
【公开课预告】:超分辨率技术在视频画质增强领域的研究与应用
基于ArkUI eTS开发的坚果食谱(NutRecipes)
Promise学习(二)一篇文章带你快速了解Promise中的常用API
STM32 CAN过滤器配置详解
Promise learning (1) What is Promise?how to use?How to solve callback hell?
Promise learning (4) The ultimate solution for asynchronous programming async + await: write asynchronous code in a synchronous way
Online - GCeasy GC log analysis tools
Stone Technology builds hard-core brand power and continues to expand the global market
一篇文章,带你详细了解华为认证体系证书(1)
爱可可AI前沿推介(8.1)
随机推荐
CAN通信标准帧和扩展帧介绍
深度学习 | MATLAB实现GRU门控循环单元gruLayer参数设定
用户体验 | 如何度量用户体验 ?
jmeter
Introduction to data warehouse layering (real-time data warehouse architecture)
MNIST是什么(plist是什么意思)
收藏|机械工程师面试常问问题
R语言ggplot2可视化:使用ggpubr包的geom_exec函数执行geom_*函数(没有任何参数需要放置在aes中)
sql中ddl和dml(数据库表与视图的区别)
2022 Go生态圈 rpc 框架 Benchmark
新书上市 |《谁在掷骰子?》在“不确定性时代”中确定前行
SCHEMA solves the puzzle
Promise learning (1) What is Promise?how to use?How to solve callback hell?
C#/VB.NET 将PPT或PPTX转换为图像
机器学习 | MATLAB实现支持向量机回归RegressionSVM参数设定
Promise learning (2) An article takes you to quickly understand the common APIs in Promise
activiti工作流的分页查询避坑
Data frame and remote frame of CAN communication
JS 中的 undefined 和 null 的区别
SCHEMA解惑