【数组差值获取】vue对比两个数组的数据差值,并把差值取出来显示
问题:什么是数组差值获取呢。有时候会遇到一种情况,就是比如我们有一个A数组,还有一个B数组,我们需要比较两个数组,看A数组内的数据是否在B数组内存在,如何有就不管,如果没有就取出来。代码has:返回一个bool值,用来表明数组 中是否存在指定元素。newArr(oldData, newData) {//去重let arr1 = new Set(oldData); //原数组let arr2 = n
·
问题:什么是数组差值获取呢。
有时候会遇到一种情况,就是比如我们有一个A数组,还有一个B数组,我们需要比较两个数组,看A数组内的数据是否在B数组内存在,如何有就不管,如果没有就取出来。
代码
has:返回一个bool值,用来表明数组 中是否存在指定元素。
newArr(oldData, newData) {
//去重
let arr1 = new Set(oldData); //原数组
let arr2 = new Set(newData); //新数组
let List = [];
//for of:循环数组的值
for (let k of arr2) {
//对比数组每一项,没有的就添加到空数组
if (!arr1.has(k)) {
List.push(k);
}
}
return List; // 这里拿到了差值数据返回出去
},
let a = [1, 2, 3, 4, 5, 6];
let b = [1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(this.newArr(a, b)); // [7,8,9]
差集和交集
交集:相同的
差集:不一样的
使用方式:两个数组替换这里的list1和list2
然后后面的x是每一个数据,如果是数组对象就x.某某,如果是数组就直接x就行了
let arr1= [...this.list1].filter(x => [...this.list2].some(y => y == x.name)); 交集
let arr2= [...this.list1].filter(x => [...this.list2].every(y => y != x.name)); 差集
更多推荐
已为社区贡献17条内容
所有评论(0)