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

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

news 2025/11/28 15:40:11

今天突然接到一个工作，要把两个存储在.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

练习（含atoi的模拟实现,自定义类型等练习）

一、结构体大小的计算及位段 （结构体大小计算及位段详解请看：自定义类型：结构体进阶-CSDN博客） 1.在32位系统环境，编译选项为4字节对齐，那么sizeof(A)和sizeof(B)是多少？ #pragma pack(4)st…...

编程新知 2025/11/24 7:08:47

Qwen3-Embedding-0.6B深度解析：多语言语义检索的轻量级利器

第一章引言：语义表示的新时代挑战与Qwen3的破局之路 1.1 文本嵌入的核心价值与技术演进在人工智能领域，文本嵌入技术如同连接自然语言与机器理解的“神经突触”——它将人类语言转化为计算机可计算的语义向量，支撑着搜索引擎、推荐系统、…...

编程新知 2025/11/6 8:47:31

Qt Http Server模块功能及架构

Qt Http Server 是 Qt 6.0 中引入的一个新模块，它提供了一个轻量级的 HTTP 服务器实现，主要用于构建基于 HTTP 的应用程序和服务。功能介绍： 主要功能 HTTP服务器功能： 支持 HTTP/1.1 协议简单的请求/响应处理模型支持 GET…...

编程新知 2025/10/17 21:16:57

Rust 异步编程

Rust 异步编程引言 Rust 是一种系统编程语言，以其高性能、安全性以及零成本抽象而著称。在多核处理器成为主流的今天，异步编程成为了一种提高应用性能、优化资源利用的有效手段。本文将深入探讨 Rust 异步编程的核心概念、常用库以及最佳实践。异步编程基础什么是异步…...

编程新知 2025/11/17 18:58:56

mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包

文章目录现象：mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包遇到 rpm 命令找不到已经安装的 MySQL 包时，可能是因为以下几个原因：1.MySQL 不是通过 RPM 包安装的2.RPM 数据库损坏3.使用了不同的包名或路径4.使用其他包…...

编程新知 2025/11/26 5:17:02

Xen Server服务器释放磁盘空间

disk.sh #!/bin/bashcd /run/sr-mount/e54f0646-ae11-0457-b64f-eba4673b824c # 全部虚拟机物理磁盘文件存储 a$(ls -l | awk {print $NF} | cut -d. -f1) # 使用中的虚拟机物理磁盘文件 b$(xe vm-disk-list --multiple | grep uuid | awk {print $NF})printf "%s\n"…...

编程新知 2025/11/19 6:04:18