第利用JavaScript差集實現(xiàn)一個對比小工具前言

在工作中需要每周統(tǒng)計人員提交材料情況又不想一個一個復制黏貼查找只好寫一個小工具幫自己查找誰沒提交材料

先把頁面搞一搞

!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')

//然后寫一個數(shù)組去重求差集

constgetDifference=function(a,b){

//解釋：如果傳入的兩個函數(shù)是數(shù)組

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)

//未在人名單中提交人數(shù)

letl4=getDifference(already_sub,Should_sub)

//