区分数组（不修改原始数组）

Question

目的

我试图强调两个数组之间的区别。 请注意，arr1和arr2的长度会有所不同，并且存在多种类型（字符串和数字）。

我的密码

function diff(arr1, arr2) {
  var diffArr = [];

  if (arr1.length >= arr2.length) {
    for (var i = 0; i < arr1.length; i++){
      if (arr2.indexOf(arr1[i]) < 0) {
          diffArr.push(arr1[i]);
          }
    }
  } else {
    for (var j = 0; j < arr2.length; j++){
      if (arr1.indexOf(arr2[j]) < 0) {
        diffArr.push(arr2[j]);
      }
    }
  }
  return diffArr;
}

问题

diff([1, 2, 'cat', 'fish'], [1, 2, 3,'dog']); //returns only ['cat', 'fish']

我很确定我的代码仅通过diffArr.push返回一个数组中的重复项（即使两个数组中都有唯一的值）。 但是，我不确定该如何克服。

我的参考

从Javascript数组中删除重复项

快速从阵列中删除重复项

JavaScript数组差异

Answer 1

您的代码当前仅爬网一个数组（我们称其为A），并推入B中不存在的所有A值。您永远不会用另一种方式推入A中不存在的B值。也不需要基于哪个数组更长而具有不同的行为。 这是简单的最终答案：

function diff(arr1, arr2) {
  var diffArr = [];
  for (var i = 0; i < arr1.length; i++) {
    if (arr2.indexOf(arr1[i]) < 0) diffArr.push(arr1[i]);
  }
  for (var j = 0; j < arr2.length; j++) {
    if (arr1.indexOf(arr2[j]) < 0) diffArr.push(arr2[j]);
  }
  return diffArr;
}

并以更实用的方式：

function diff(arr1, arr2) {
  var elsIn1Not2 = arr1.filter(function(el){ return arr2.indexOf(el) < 0; });
  var elsIn2Not1 = arr2.filter(function(el){ return arr1.indexOf(el) < 0; });
  return elsIn1Not2.concat(elsIn2Not1);
}

对于您的示例[ 'cat', 'fish', 3, 'dog' ]这两个函数均返回[ 'cat', 'fish', 3, 'dog' ] 。

Answer 2

function diff(arr1, arr2) {
  var diffArr = {};

  if (arr1.length >= arr2.length) {
    for (var i = 0; i < arr1.length; i++){
      if (arr2.indexOf(arr1[i]) < 0) {
          diffArr[arr1[i]] = 1;
          }
    }
  } else {
    for (var j = 0; j < arr2.length; j++){
      if (arr1.indexOf(arr2[j]) < 0) {
        diffArr[arr2[j]] = 2;
      }
    }
  }
  return diffArr.keys();
}