将 Excel中数据按某一个字段归类成一个josn插件

最新推荐文章于 2022-03-16 10:41:21 发布

洋恰儿

最新推荐文章于 2022-03-16 10:41:21 发布

阅读量217

点赞数

分类专栏： web前端文章标签： excel javascript json js

本文链接：https://blog.csdn.net/qq_43488841/article/details/105897575

版权

web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

将 Excel中数据按某一个字段归类成一个josn插件

需要将Exce数据按想要归类的字段排序，使用echart工具转为json格式。
支持合并（想要归类的字段）

	<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="reset.min.css" />
	</head>
	<style type="text/css">
		#Tit {
			width: 1000px;
			margin: 50px auto;
			text-align: justify;
			border: 1px salmon solid;
			color: #333;
			font-size: 12px;
			min-height: 50px;
			max-height: 800px;
			overflow-y: scroll;
			padding: 20px;
		}
	</style>
	<body>
		输入转换：
		<input type="text" id="input">
		输入字段：
		<input type="text" id="keyword">
		<button id="produce">launch</button>
		<div id="Tit">

		</div>
		<script>
			// 按类型划分
			function bol(obj, str) {
				var preObj = obj[0] //初始化
				var All = [] //str不同为分界的数组
				var arr = [] //boj中str属性相同的集合数组
				for (v of obj) {
					// if (v[str].replace(/（.*）/g,"") != preObj[str].replace(/（.*）/g,""))
					//判断当前对象是否是新建立的,建立条件是按echart表格工具转成结果
					if ((v[str] == preObj[str]) || (v[str] == "-") || !v[str]) {
						arr.push(v)
					} else {
						//判断是非为空数组加入，且处理初始化arr为空加入问题
						if (arr.length) {
							All.push(arr.slice())
							arr = []
						}
						arr.push(v)
						preObj = v
					}
				}
				All.push(arr.slice())
				console.log(All)
				//为对象的形式展示
				var objs = {}
				for (v of All) {
					objs[v[0][str]] = v
					// objs[v[0][str].replace(/（.*）/g,"")] = v
				}
				//转为字符串的形式展现在页面
				Tit.innerText = JSON.stringify(objs)
			}
			produce.onclick = function() {
				//将json转为对象
				bol(JSON.parse(input.value), keyword.value)
			}
		</script>
	</body>
</html>

洋恰儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
将 Excel中数据按某一个字段归类成一个josn插件

将 Excel中数据按某一个字段归类成一个josn插件需要将Exce数据按想要归类的字段排序，使用echart工具转为json格式。支持合并（想要归类的字段） <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &lt...
复制链接

扫一扫

专栏目录