数组对比和表格样式修改

数组对比

最近项目中涉及到了一个功能，需要将一个新数组和一个旧数组进行对比，找出新数组相对于旧数组删除和新增了哪些数据，思考了一下，觉得下面这么写代码会比较简洁，效率也比两个for循环来的稍微好一点：

const oldList = [{id:1}, {id: 2}, {id:3}, {id:4}]
const newList = [{id:1}, {id: 2}, {id:5}, {id:6}] //新增了5、6，删除了3、4
let oldArr = oldList.map(e => e.id)
let newArr = newList.map(e => e.id)
//过滤出新增了哪些数据
let addArr = newArr.filter(i => {
    return oldIdArr.indexOf(i) === -1
}) //addArr = [5,6]
//过滤出删除了哪些数据
let delArr = oldArr.filter(i => {
   return newArr.indexOf(i) === -1
}) //delArr = [3, 4]

表格样式

项目里UI大开脑洞，将表格样式改的相当之精彩，在修改表格样式过程中发现，margin属性对tr、th都没有效果，了解了下表格的属性才知道，可以在table、thead、tbody标签下添加：

border-collapse: separate;
border-spacing: 0px 16px;

这样每个tr标签之间的间隔就是16px了。