利用JavaScript差集实现一个对比小工具

第利用JavaScript差集实现一个对比小工具前言

在工作中需要每周统计人员提交材料情况又不想一个一个复制黏贴查找只好写一个小工具帮自己查找谁没提交材料

先把页面搞一搞

!DOCTYPEhtml

htmllang="en"

head

metacharset="UTF-8"

metahttp-equiv="X-UA-Compatible"content="IE=edge"

metaname="viewport"content="width=device-width,initial-scale=1.0"

titleDocument/title

style

textarea{

/*border:none;*/

width:49%;

height:400px;

/*font-size:17pt;*/

#btn{

width:100%;

height:50px;

position:relative;

top:0px;

/*position:absolute;*/

#p2{

margin-left:940px;

margin-top:-38px;

/style

/head

body

buttonid="btn"对比/button

textareaid="txt"type="text"placeholder="应提交"/textarea

textareaid="txt2"type="text"placeholder="已提交"/textarea

p未提交/p

pid="p2"已提交未在人名单/p

textareaid="txt3"type="text"placeholder="未提交"/textarea

textareaid="txt4"type="text"placeholder="已提交未在人名单"/textarea

/body

/html

有点丑，无所谓了自己用

开始写JS代码

script

//先把输入框，按钮获取一下

lettxt=document.querySelector('#txt')

lettxt2=document.querySelector('#txt2')

lettxt3=document.querySelector('#txt3')

lettxt4=document.querySelector('#txt4')

letbtn=document.querySelector('#btn')

//然后写一个数组去重求差集

constgetDifference=function(a,b){

//解释：如果传入的两个函数是数组

if(a.constructor===Arrayb.constructor===Array){

letset1=newSet(a);

letset2=newSet(b);

//利用Set去重，筛选找到差值

returnArray.from(newSet([...set1].filter(x=!set2.has(x))));

returnnull;

//简简单单给按钮来一个点击事件吧

btn.onclick=function(){

//应提交人名单

letShould_sub=txt.value.split('\n')

//未提交人名单

letalready_sub=txt2.value.split('\n')

letl3=getDifference(Should_sub,already_sub)

//未在人名单中提交人数

letl4=getDifference(already_sub,Should_sub)

//