优化 ES6 数组的交集函数 [重复]

Question

我有以下数组：

this.originalSelectedRows = [1,2,3,4,5];
this.selectedRows = [3,4,5,6,7,8];

我想知道以下内容：

this.originalSelectedRows 中有多少个数字，而this.selectedRows 中却没有

在本例中为 2：

1 和 2

this.selectedRows 中有多少个数字，但this.originalSelectedRows 没有

在这种情况下是 3：

6、7 和 8

我有以下，效果很好：

    let isOnListCount = 0;
    let isNotOnListCount = 0

    this.selectedRows.map((row) => {
      const isSelected = this.originalSelectedRows.filter(x => x === row);
        if(isSelected.length > 0)
          isOnListCount++;
        else
          isNotOnListCount++;
    });

但我想知道这是否可以使用 ES6 的一些新功能或原始 JS 以更简洁的方式实现

Answer 1

你可以把长度作为计数器，用普通项来减少值。

var array1 = [1, 2, 3, 4, 5],
    array2 = [3, 4, 5, 6, 7, 8],
    count1 = array1.length,
    count2 = array2.length;
    
array1.forEach(function (a) {
    if (array2.includes(a)) {
        count1--;
        count2--;
    }
});
console.log(count1, count2);

Answer 2

套装在这里会做得很好:)

let set1 = new Set(this.originalSelectedRows)
let set2 = new Set(this.selectedRows)
let difference = new Set([...set1].filter(n => !set2.has(n)))

它们也相对较快，但不如特制解决方案快：P

我假设你所有的物品都是独一无二的 :)

Answer 3

我会将一个数组转换为一个集合，然后过滤另一个数组以查找不在集合中的项目。

const
  valuesA = [1,2,3,4,5],
  valuesB = [3,4,5,6,7,8];
  
function getUniqueValues(sourceArray, testArray) {
  const 
    set = new Set(testArray);
    
  return sourceArray.filter(value => !set.has(value));
}

console.log(`Values in A and not in B: ${getUniqueValues(valuesA, valuesB)}`);
console.log(`Values in B and not in A: ${getUniqueValues(valuesB, valuesA)}`);

Answer 4

您可以使用Array#includes 函数来检查元素是否存在于第二个数组中

const originalSelectedRows = [1,2,3,4,5];
const selectedRows = [3,4,5,6,7,8];

let isOnListCount = 0;
let isNotOnListCount = 0;

selectedRows.forEach(row => 
 originalSelectedRows.includes(row) ? isOnListCount++ : isNotOnListCount++
);

console.log(isOnListCount);
console.log(isNotOnListCount);