当前位置：首页 > news >正文

用HTML + javaScript快速完成excel表格信息除重并合并

news 2025/6/21 23:41:43

今天突然接到一个工作，要把两个存储在.xls的主体信息表，除重后合并成一个主体信息表，并且补充主体类型和所在县区这两列信息。
完成这项工作的方法有很多，如果信息表中的信息量不大的话，手工处理一下也行，如果信息量大的话，还是由电脑来处理比较好，比如用vba写代码来合并，不过我更喜欢用JavaScript来完成。

一、思路

（一）界面设计

用HTML设计页面，放置两个textarea

其中一个textarea（ID=ta1）用来存放要处理的原始企业信息

另一个textarea（ID=ta2）用来存放处理好的企业信息。

代码如下：

<!doctype html>
<html><head><title>文本筛选合并</title><style type="text/css">* {padding: 0px;margin: 0px;}html,body {overflow-y: hidden;}.ta_div {border: 1px solid #CCCCCC;overflow: auto;position: relative;}.ta_div textarea {resize: none;background: none repeat scroll 0 0 transparent;border: 1 solid black;width: 99%;height: 200px;overflow-y: scroll;//position: absolute;left: 0px;top: 0px;z-index: 2;font-size: 18px;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;}p {text-align:center; color:purple}</style>
</head><body><table style="width:100%; borderspacing:0; cellpadding:0;"><tr><td style="width:49%"><div class="ta_div"><p>原始数据</p><textarea id="ta1" onscroll="ta1_scroll()" oninput="t()" onpropertychange="t()">请输入原始数据</textarea></div></td><td style="width:49%"><div class="ta_div"><p>整理后的数据</p><textarea id="ta2" onscroll="ta2_scroll()" oninput="textchange()" onpropertychange="textchange()">合并后的数据</textarea></div></td></tr></table>              </body>
</html>

（二）信息处理

1.从ta1读取原始主体名称信息

2.对信息进行清洗

用正则表达式删除信息首尾空格
从excel复制过来信息中有时包含双引号要删除
对于多个连续的换行符（\n\n）要换成一个换行符（\n）

    var v =  ta1.value.trim();//去除首尾空格v = v.replace(/\"/g, ""); //去除半角双引号v = v.replace(/\n[\s]*\n/g, "\n"); //去除多余的\n，避免空行

3.如果信息长度为0，提示输入信息并结束处理

4.用split方法将其按换行符（\n）转换为数组a

	var a = v.split('\n');

5.使用 es6 的 Set 和 Array.from 方法从数组a 生成去重后的数组b

	var b = Array.from(new Set([...a]));

6.对数组b中的信息增加类型和所在县区信息

增加类型信息，主体类型分为三类：合作社、家庭农场、公司，搜索数组b中主体名称，如果包含合作社、家庭农场，就为其增加相应类型，否则增加"公司"
增加县区信息搜索数组b中企业名称，如果包含县区名称，就为其增加相应的县区信息，否则增加"*未知"

function addType(n)
{//补充类型var a = ['合作社','家庭农场','公司'];var j;for (j=0; j < a.length-1; j++ ){if (-1 != n.indexOf(a[j])){break;}}return '\t' + a[j];
} //addType()function addArea(n)
{//补充所在县（区）var a = ['金城江','宜州','罗城','环江','南丹','天峨','东兰','巴马','凤山','都安','大化','*未知'];var j;for (j=0; j < a.length-1; j++ ){if (-1 != n.indexOf(a[j])){break;}}return  '\t' + a[j];
} //addArea()     function addData(a)
{//追加信息for (var i=0; i < a.length; i++){a[i] += addType(a[i]); //补充类型a[i] += addArea(a[i]); //补充所在县（区）}
} //addData(a)

7.利用join方法将数组b用换行符（\n）连接起来，存储到ta2中。

	document.getElementById("ta2").value = b.join('\n');

二、运行效果

三、完整的代码

<!doctype html>
<html><head><title>文本筛选合并</title><style type="text/css">* {padding: 0px;margin: 0px;}html,body {overflow-y: hidden;}.ta_div {border: 1px solid #CCCCCC;overflow: auto;position: relative;}.ta_div textarea {resize: none;background: none repeat scroll 0 0 transparent;border: 0 none;width: 100%;height: 200px;overflow-y: scroll;//position: absolute;left: 0px;top: 0px;z-index: 2;font-size: 18px;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;}p {text-align:center; color:purple}</style>
</head><body><table style="width:100%"><tr><td style="width:50%"><div class="ta_div"><p>原始数据</p><textarea id="ta1" onscroll="ta1_scroll()" oninput="t()" onpropertychange="t()">请输入原始数据</textarea></div></td><td style="width:50%"><div class="ta_div"><p>整理后的数据</p><textarea id="ta2" onscroll="ta2_scroll()" oninput="textchange()" onpropertychange="textchange()">合并后的数据</textarea></div></td></tr></table>              
<script>String.prototype.trim = function() 
{//功能：去除首尾空格return this.replace(/(^\s*)|(\s*$)/g, ""); /*var t = this.replace(/(^\s*)|(\s*$)/g, ""); return t =t.replace(/(^&nbsp;*)|(&nbsp*$)/g, ""); */
}var ta1 =   document.getElementById("ta1");function t()
{var v =  ta1.value.trim();if ('' == v){alert('请先输入原始数据');}v = v.replacereplace(/\"/g, ""); //去除半角双引号//v = v.replace('','\n'a = v.split('\n');b = Array.from(new Set([...a]));document.getElementById("ta2").value = b.join('\n');
}
</script>
</body>
</html>

用HTML + javaScript快速完成excel表格信息除重并合并

今天突然接到一个工作，要把两个存储在.xls的主体信息表，除重后合并成一个主体信息表，并且补充主体类型和所在县区这两列信息。完成这项工作的方法有很多，如果信息表中的信息量不大的话，手工处理一下也行，如…...

编程日记 2023/11/9 9:05:42

高性能网络编程 - The C10M problem

文章目录 Pre概述回顾C10K实现C10M的挑战思路总结 Pre 高性能网络编程 - The C10K problem 以及网络编程技术角度的解决思路概述在接下来的10年里，因为IPv6协议下每个服务器的潜在连接数都是数以百万级的，单机服务器处理数百万的并发连接&#xff0…...

编程日记 2023/11/9 9:04:39

java计算机毕业设计SpringBoot在线答疑系统

项目介绍本文从学生的功能要求出发，建立了在线答疑系统，系统中的功能模块主要是实现管理员权限；首页、个人中心、学生管理、教师管理、问题发布管理、疑难解答管理。教师权限：首页、个人中心、疑难解答管理、试卷管理、试题管理…...

编程日记 2023/11/9 9:03:38

Doc as Code (4)：使用Git做版本管理，而不是使用目录做版本管理

▲ 搜索“大龙谈智能内容”关注GongZongHao▲ 在引入版本管理工具之前，文档工程师使用文件系统提供的功能来管理文件。大家是这样工作的： 文件按照分类放在不同的目录里，使用编辑器（如：MS Word）打开文档进…...

编程日记 2023/11/9 9:02:36

【Codeforces】 CF1870E Another MEX Problem

题目链接 CF方向 Luogu方向题目解法解法1 考虑优化 d p dp dp 转移次数，即只转移有用的区间不难发现， m e x ( l , r ) m e x ( l 1 , r ) mex(l,r)mex(l1,r) mex(l,r)mex(l1,r) 或 m e x ( l , r ) m e x ( l , r − 1 ) mex(l,r)mex(l,r-1…...

编程日记 2023/11/9 9:01:35

方法定义参考：https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...

编程日记 2023/11/9 9:00:34

怎么查找性别为女性的不同学历层次不同学位以及所有人不同职务职称的人数

怎么查找性别为女性的不同学历层次不同学位以及所有人不同职务职称的人数需求分析： 1.统计性别为女性的所获学位下不同学历层次的人数 2.统计不同职务职称的不同学位和学历层次的人数代码 def cal_xuewei_number(self):# 读取表格文件table pd.read_excel("…...

编程日记 2023/11/9 8:57:31

浅谈Elasticsearch查询和搜索

Elasticsearch查询和搜索 Elasticsearch是一个分布式、实时的搜索和分析引擎，广泛应用于全文搜索、日志分析、实时数据分析等场景。Elasticsearch提供了丰富的查询和搜索功能，如查询DSL、过滤、排序、分页、高亮和聚合等。本文将详细介绍如何在Elastics…...

编程日记 2023/11/9 8:56:29

SLAM从入门到精通（被忽视的基础图像处理）

编程日记 2023/11/9 8:55:28

【C++】继承详解

本篇要分享的内容是关于继承的内容哼哼哼啊啊啊啊啊啊啊啊啊啊啊啊啊啊以下为本篇目录目录 1.简单了解继承 2.继承的简单定义 3.继承简单使用 4.继承方式 4.1基类的privat 4.2基类的protected 4.3不可见与private的区别 5.父子类对象赋值转换 6.继承的作用域 7.子…...

编程日记 2023/11/9 8:54:27

react:swr接口缓存

useSWR 是一个 React Hooks，是 HTTP 缓存库 SWR 的核心方法之一。SWR 是一个轻量级的 React Hooks 库，通过自动缓存数据来实现 React 的数据获取。第一个参数是被缓存的数据的 key， 第二个参数是一个函数，该函数返回数据或者一个…...

编程日记 2023/11/9 8:53:26

2023-11 | 短视频批量下载/爬取某个用户的所有视频 | Python

这里以鞠婧祎的个人主页为demo https://www.douyin.com/user/MS4wLjABAAAACV5Em110SiusElwKlIpUd-MRSi8rBYyg0NfpPrqZmykHY8wLPQ8O4pv3wPL6A-oz 【2023-11-4 23:02:52 星期六】可能后面随着XX的调整, 方法不再适用, 请注意找到接口找到https://www.douyin.com/aweme/v1/web/…...

编程日记 2023/11/9 8:52:25

【JAVA学习笔记】66 - 本章作业（IO流）

项目代码 https://github.com/yinhai1114/Java_Learning_Code/tree/main/IDEA_Chapter19/src/com/yinhai/homework 1.使用File类和FileWriter类 (1)在判断e盘下是否有文件夹mytemp，如果没有就创建mytemp public class Homework01 {public static void main(String…...

编程日记 2023/11/9 8:51:24

vscode中 vue3+ts 项目的提示失效，volar插件失效问题解决方案

文章目录前情提要bug回顾解决方案最后前情提要说起来很耻辱，从mac环境换到window环境，vscode的配置都是云端更新过来的，应该是一切正常才对，奇怪的是我的项目环境出现问题了，关于组件的ts和追踪都没有效果&#xff…...

编程日记 2023/11/9 8:50:22

Elasticsearch：在 ES|QL 中使用 DISSECT 和 GROK 进行数据处理

目录 DISSECT 还是 GROK？ 或者两者兼而有之？ 使用 DISSECT 处理数据 Dissect pattern 术语例子 DISSECT 关键修饰符右填充修饰符 (->) 附加修饰符 () 添加顺序修饰符（ 和 /n） 命名的跳过键（&#xff1f…...

编程日记 2023/11/9 8:49:22

基于自适应自回归模型的高级人工智能概念及其实现

基于自适应自回归模型的高级人工智能概念及其实现摘要：一、引言：二、方法：三、讨论：四、结论：草稿实现计算摘要：在人工智能研究领域中，预测未来的信息往往会遇到信息不明确的问题，尤其是在自回归模型中，这一问题尤为突出。本研究提出一个新颖的假设，将能自主解决信…...

编程日记 2023/11/9 8:48:19

windows的mysql启动错误，查看windows日志

1、点击左下角开始按钮，计算机上右键，点击【管理】。 2、在计算机管理界面依次找到【系统工具】，选择【时间查看器】，打开【windows日志】，点击【应用程序】 3、在右侧找到，最新的mysql错误信息。双击查看。…...

编程日记 2023/11/9 8:46:17

centos7部署Canal与Canal集成使用

1、简介 canal [kə’nl]，译意为水道/管道/沟渠，主要用途是基于 MySQL 数据库增量日志解析，提供增量数据订阅和消费早期阿里巴巴因为杭州和美国双机房部署，存在跨机房同步的业务需求，实现方式主要是基于业务 trigge…...

编程日记 2023/11/9 8:45:16

C语言--分段函数--switch语句

如何用switch语句写分段函数呢？⭐️ 首先介绍一下switch语句的语法规则⭐️ switch(整形表达式) {case 常量表达式1； //标签必须唯一语句块1;break;case 常量表达式2； //if(a0),而case中时系统自动加语句块2；break；c…...

编程日记 2023/11/9 8:44:15

动态规划31（Leetcode188买卖股票的最佳时机4）

代码： 我的状态方程： buy[i][j]max{buy[i−1][j],sell[i−1][j-1]−price[i]} 题解里的： buy[i][j]max{buy[i−1][j],sell[i−1][j]−price[i]} ..没理解题解的但我的通过了 class Solution {public int maxProfit(int k, int[] pric…...

编程日记 2023/11/9 8:42:11

华为云AI开发平台ModelArts

华为云ModelArts：重塑AI开发流程的“智能引擎”与“创新加速器”！ 在人工智能浪潮席卷全球的2025年，企业拥抱AI的意愿空前高涨，但技术门槛高、流程复杂、资源投入巨大的现实，却让许多创新构想止步于实验室。数据科学家…...

编程新知 2025/6/20 12:22:01

springboot 百货中心供应链管理系统小程序

一、前言随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，百货中心供应链管理系统被用户普遍使用，为方…...

编程新知 2025/6/20 13:16:00

智慧医疗能源事业线深度画像分析（上）

引言医疗行业作为现代社会的关键基础设施，其能源消耗与环境影响正日益受到关注。随着全球"双碳"目标的推进和可持续发展理念的深入，智慧医疗能源事业线应运而生，致力于通过创新技术与管理方案，重构医疗领域的能源使用模式。这一事业线融合了能源管理、可持续发…...

编程新知 2025/6/20 16:55:52

Python：操作 Excel 折叠

💖亲爱的技术爱好者们，热烈欢迎来到 Kant2048 的博客！我是 Thomas Kant，很开心能在CSDN上与你们相遇～💖 本博客的精华专栏：【自动化测试】【测试经验】【人工智能】【Python】 Python 操作 Excel 系列读取单元格数据按行写入设置行高和列宽自动调整行高和列宽水平…...

编程新知 2025/6/21 7:24:22

MySQL中【正则表达式】用法

MySQL 中正则表达式通过 REGEXP 或 RLIKE 操作符实现（两者等价），用于在 WHERE 子句中进行复杂的字符串模式匹配。以下是核心用法和示例： 一、基础语法 SELECT column_name FROM table_name WHERE column_name REGEXP pattern; …...

编程新知 2025/6/20 22:13:31

CSS设置元素的宽度根据其内容自动调整

width: fit-content 是 CSS 中的一个属性值，用于设置元素的宽度根据其内容自动调整，确保宽度刚好容纳内容而不会超出。效果对比默认情况（width: auto）： 块级元素（如 <div>）会占满父容器…...

编程新知 2025/6/20 15:09:15

算法：模拟

1.替换所有的问号 1576. 替换所有的问号 - 力扣（LeetCode） 遍历字符串：通过外层循环逐一检查每个字符。遇到 ? 时处理： 内层循环遍历小写字母（a 到 z）。对每个字母检查是否满足： 与…...

编程新知 2025/6/21 4:00:29

JS手写代码篇----使用Promise封装AJAX请求

15、使用Promise封装AJAX请求 promise就有reject和resolve了，就不必写成功和失败的回调函数了 const BASEURL ./手写ajax/test.jsonfunction promiseAjax() {return new Promise((resolve, reject) > {const xhr new XMLHttpRequest();xhr.open("get&quo…...

编程新知 2025/6/15 9:22:28