网站建设世纪明珠,深圳市宝安区核酸检测点,成都住建局官网e蓉,佛山大型网站建设今天突然接到一个工作#xff0c;要把两个存储在.xls的主体信息表#xff0c;除重后合并成一个主体信息表#xff0c;并且补充主体类型和所在县区这两列信息。 完成这项工作的方法有很多#xff0c;如果信息表中的信息量不大的话#xff0c;手工处理一下也行#xff0c;如…今天突然接到一个工作要把两个存储在.xls的主体信息表除重后合并成一个主体信息表并且补充主体类型和所在县区这两列信息。 完成这项工作的方法有很多如果信息表中的信息量不大的话手工处理一下也行如果信息量大的话还是由电脑来处理比较好比如用vba写代码来合并不过我更喜欢用JavaScript来完成。 一、思路
一界面设计 用HTML设计页面放置两个textarea
其中一个textareaIDta1用来存放要处理的原始企业信息
另一个textareaIDta2用来存放处理好的企业信息。 代码如下
!doctype html
htmlheadtitle文本筛选合并/titlestyle typetext/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
/headbodytable stylewidth:100%; borderspacing:0; cellpadding:0;trtd stylewidth:49%div classta_divp原始数据/ptextarea idta1 onscrollta1_scroll() oninputt() onpropertychanget()请输入原始数据/textarea/div/tdtd stylewidth:49%div classta_divp整理后的数据/ptextarea idta2 onscrollta2_scroll() oninputtextchange() onpropertychangetextchange()合并后的数据/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 (j0; 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 (j0; j a.length-1; j ){if (-1 ! n.indexOf(a[j])){break;}}return \t a[j];
} //addArea() function addData(a)
{//追加信息for (var i0; 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
htmlheadtitle文本筛选合并/titlestyle typetext/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
/headbodytable stylewidth:100%trtd stylewidth:50%div classta_divp原始数据/ptextarea idta1 onscrollta1_scroll() oninputt() onpropertychanget()请输入原始数据/textarea/div/tdtd stylewidth:50%div classta_divp整理后的数据/ptextarea idta2 onscrollta2_scroll() oninputtextchange() onpropertychangetextchange()合并后的数据/textarea/div/td/tr/table
scriptString.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(,\na v.split(\n);b Array.from(new Set([...a]));document.getElementById(ta2).value b.join(\n);
}
/script
/body
/html
