web-dev-qa-db-ja.com

JavaScriptを使用して対称差を解決しようとしています

私は、次の目的を達成するjavascriptを使用して対称差の解決策を理解しようとしています:

  • 不特定の数の配列を引数として受け入れます
  • 配列内の数値の元の順序を保持します
  • 単一配列内の数値の重複を削除しません
  • アレイ全体で発生する重複を削除します

したがって、たとえば、入力が([1、1、2、6]、[2、3、5]、[2、3、4])の場合、ソリューションは[1、1、6、5 、4]。

私はオンラインコーディングコミュニティからの課題としてこれを解決しようとしています。チャレンジ状態の正確な指示、

2つ以上の配列を取り、指定された配列の対称差の配列を返す関数を作成します。

数学用語の対称差は、最初のセットまたは2番目のセットのいずれかにあるが、両方にはない2つのセットの要素を指します。

以下の私の解決策は、各配列に固有の番号を見つけますが、複数回発生するすべての番号を排除し、番号の順序を維持しません。

私の質問は javascriptで複数の配列の対称差/一意の要素を見つける で尋ねられた質問に非常に近いです。ただし、ソリューションでは、番号の元の順序は保持されず、単一の配列で発生する一意の番号の重複も保持されません。

function sym(args){
    var arr = [];
    var result = [];
    var units;
    var index = {};
    for(var i in arguments){
        units = arguments[i];

    for(var j = 0; j < units.length; j++){
         arr.Push(units[j]);
        }
    }

    arr.forEach(function(a){
        if(!index[a]){
            index[a] = 0;
        }
            index[a]++;

    });

       for(var l in index){
           if(index[l] === 1){
               result.Push(+l);
           }
       }

    return result;
}
symsym([1, 1, 2, 6], [2, 3, 5], [2, 3, 4]); // => Desired answer: [1, 1, 6. 5. 4]
16
davisec52

以下はSetオブジェクトを使用してより高速な検索を行うバージョンです。基本的なロジックは次のとおりです。

  1. 引数として渡された各配列を個別のSetオブジェクトに入れます(高速な検索を容易にするため)。
  2. 次に、配列で渡されたそれぞれを反復し、それを他のSetオブジェクト(反復される配列から作成されていないもの)と比較します。
  3. アイテムが他のセットのいずれにも見つからない場合は、結果に追加されます。

したがって、最初の配列_[1, 1, 2, 6]_から始まります。 _1_は他のいずれの配列にも見つからないため、最初の2つの_1_値のそれぞれが結果に追加されます。次に、2番目のセットで_2_が見つかったため、結果に追加されません。その後、他の2つのセットのいずれにも_6_が見つからないため、結果に追加されます。同じプロセスが2番目の配列_[2, 3, 5]_でも繰り返されます。ここで、_2_および_3_は他のセットで見つかりますが、_5_はそうではないので、結果に_5_が追加されます。そして、最後の配列では、他のセットでは_4_だけが見つかりません。したがって、最終的な結果は_[1,1,6,5,4]_です。

Setオブジェクトは、利便性とパフォーマンスのために使用されます。 .indexOf()を使用して各配列でそれらをルックアップするか、Setオブジェクトに依存したくない場合は、プレーンオブジェクトを使用して独自のSetのようなルックアップを行うことができます。 この答え で機能するSetオブジェクトの部分的なポリフィルもあります。

_function symDiff() {
    var sets = [], result = [];
    // make copy of arguments into an array
    var args = Array.prototype.slice.call(arguments, 0);
    // put each array into a set for easy lookup
    args.forEach(function(arr) {
        sets.Push(new Set(arr));
    });
    // now see which elements in each array are unique 
    // e.g. not contained in the other sets
    args.forEach(function(array, arrayIndex) {
        // iterate each item in the array
        array.forEach(function(item) {
            var found = false;
            // iterate each set (use a plain for loop so it's easier to break)
            for (var setIndex = 0; setIndex < sets.length; setIndex++) {
                // skip the set from our own array
                if (setIndex !== arrayIndex) {
                    if (sets[setIndex].has(item)) {
                        // if the set has this item
                        found = true;
                        break;
                    }
                }
            }
            if (!found) {
                result.Push(item);
            }
        });
    });
    return result;
}

var r = symDiff([1, 1, 2, 6], [2, 3, 5], [2, 3, 4]);
log(r);

function log(x) {
    var d = document.createElement("div");
    d.textContent = JSON.stringify(x);
    document.body.appendChild(d);
}_

このコードの重要な部分は、特定のアイテムを他の配列のセットと比較する方法です。 Setオブジェクトのリスト全体を反復処理しますが、反復処理される配列と同じ配列内のインデックスを持つSetオブジェクトをスキップします。これは、この配列から作成されたセットをスキップするため、他の配列に存在するアイテムのみを探します。これにより、1つのアレイでのみ発生する重複を保持できます。


存在する場合はSetオブジェクトを使用しますが、存在しない場合は小さな置換を挿入するバージョンです(したがって、これはより古いブラウザーで機能します)。

_function symDiff() {
    var sets = [], result = [], LocalSet;
    if (typeof Set === "function") {
        try {
            // test to see if constructor supports iterable arg
            var temp = new Set([1,2,3]);
            if (temp.size === 3) {
                LocalSet = Set;
            }
        } catch(e) {}
    }
    if (!LocalSet) {
        // use teeny polyfill for Set
        LocalSet = function(arr) {
            this.has = function(item) {
                return arr.indexOf(item) !== -1;
            }
        }
    }
    // make copy of arguments into an array
    var args = Array.prototype.slice.call(arguments, 0);
    // put each array into a set for easy lookup
    args.forEach(function(arr) {
        sets.Push(new LocalSet(arr));
    });
    // now see which elements in each array are unique 
    // e.g. not contained in the other sets
    args.forEach(function(array, arrayIndex) {
        // iterate each item in the array
        array.forEach(function(item) {
            var found = false;
            // iterate each set (use a plain for loop so it's easier to break)
            for (var setIndex = 0; setIndex < sets.length; setIndex++) {
                // skip the set from our own array
                if (setIndex !== arrayIndex) {
                    if (sets[setIndex].has(item)) {
                        // if the set has this item
                        found = true;
                        break;
                    }
                }
            }
            if (!found) {
                result.Push(item);
            }
        });
    });
    return result;
}


var r = symDiff([1, 1, 2, 6], [2, 3, 5], [2, 3, 4]);
log(r);

function log(x) {
    var d = document.createElement("div");
    d.textContent = JSON.stringify(x);
    document.body.appendChild(d);
}_
10
jfriend00

すべての問題と同様に、アルゴリズムの作成から始めるのが最善です。

配列のバージョンを連結します。各配列は、現在の配列以外の配列に含まれていない要素を含むようにフィルタリングされます。

次に、それをJSに書き留めます。

function sym() {
  var arrays = [].slice.apply(arguments);

  return [].concat.apply([],               // concatenate
    arrays.map(                            // versions of the arrays
      function(array, i) {                 // where each array
        return array.filter(               // is filtered to contain
          function(elt) {                  // those elements which
            return !arrays.some(           // no array
              function(a, j) {             // 
                return i !== j             // other than the current one
                  && a.indexOf(elt) >= 0   // contains
                ;
              }
            );
          }
        );
      }
    )
  );
}

ES6を使用してより簡潔に記述された非コメントバージョン:

function sym(...arrays) {
  return [].concat(arrays . 
    map((array, i) => array . 
      filter(elt => !arrays . 
        some((a, j) => i !== j && a.indexOf(elt) >= 0))));
}
18
user663031

FCCでの同じコーディングの課題の研究でこの質問に出くわしました。私はforwhileループを使用してそれを解決することができましたが、推奨されるArray.reduce()を使用していくつかの問題を解決しました。 .reduceやその他の配列メソッドについてたくさん学んだ後、自分の解決策も共有したいと思いました。

これは、.reduceを使用せずに解決した最初の方法です。

function sym() {
  var arrays = [].slice.call(arguments);

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

    arr1.forEach(function(v) {
      if ( !~arr2.indexOf(v) && !~arr.indexOf(v) ) {
        arr.Push( v );
      }
    });

    arr2.forEach(function(v) {
      if ( !~arr1.indexOf(v) && !~arr.indexOf(v) ) {
        arr.Push( v );
      }
    });
    return arr;
  }

  var result = diff(arrays.shift(), arrays.shift());

  while (arrays.length > 0) {
    result = diff(result, arrays.shift());
  }

  return result;
}

さまざまな方法の組み合わせを学習して試した後、これはかなり簡潔で読みやすいと思いました。

function sym() {
  var arrays = [].slice.call(arguments);

  function diff(arr1, arr2) {
    return arr1.filter(function (v) {
      return !~arr2.indexOf(v);
    });
  }

  return arrays.reduce(function (accArr, curArr) { 
    return [].concat( diff(accArr, curArr), diff(curArr, accArr) )
    .filter(function (v, i, self) { return self.indexOf(v) === i; });
  });

}

その最後の.filter行は、配列を重複排除するのにかなりクールだと思いました。私はそれを見つけました here が、メソッドチェーンのため、名前付き配列の代わりに3番目のコールバックパラメーターを使用するように変更しました。

この挑戦はとても楽しかったです!

7
jpl1079

_。xor を使用するか、lodashコードをコピーします。

2
kornieff

別のシンプルでありながら読みやすいソリューション:

 
/*
This filters arr1 and arr2 from elements which are in both arrays
and returns concatenated results from filtering.
*/
function symDiffArray(arr1, arr2) {
  return arr1.filter(elem => !arr2.includes(elem))
             .concat(arr2.filter(elem => !arr1.includes(elem)));
}

/*
Add and use this if you want to filter more than two arrays at a time.
*/
function symDiffArrays(...arrays) {
  return arrays.reduce(symDiffArray, []);
}

console.log(symDiffArray([1, 3], ['Saluton', 3])); // [1, 'Saluton']
console.log(symDiffArrays([1, 3], [2, 3], [2, 8, 5])); // [1, 8, 5]

使用される関数: Array.prototype.filter() | Array.prototype.reduce() | Array.prototype.includes()

1
prnsml
// Set difference, a.k.a. relative compliment
const diff = (a, b) => a.filter(v => !b.includes(v))

const symDiff = (first, ...rest) => rest.reduce((acc, x) => [
  ...diff(acc, x), 
  ...diff(x, acc)
], first)    

/* - - - */
console.log(symDiff([1, 3], ['Saluton', 3]))    // [1, 'Saluton']
console.log(symDiff([1, 3], [2, 3], [2, 8, 5])) // [1, 8, 5]
1
kornieff

これは、高次関数を使用したJSコードです

    function sym(args) {
      var output;
      output = [].slice.apply(arguments).reduce(function(previous, current) {
        current.filter(function(value, index, self) { //for unique
          return self.indexOf(value) === index;
        }).map(function(element) { //pushing array
          var loc = previous.indexOf(element);
          a = [loc !== -1 ? previous.splice(loc, 1) : previous.Push(element)];
        });
        return previous;
      }, []);
      document.write(output);
      return output;
    }

    sym([1, 2, 3], [5, 2, 1, 4]);

そしてそれは出力を次のように返します:[3,5,4]

1
Angshuman Gupta

私の短い解決策。最後に、filter()を使用して重複を削除しました。

function sym() {
  var args = Array.prototype.slice.call(arguments);
  var almost = args.reduce(function(a,b){
    return b.filter(function(i) {return a.indexOf(i) < 0;})
    .concat(a.filter(function(i){return b.indexOf(i)<0;}));
  });
  return almost.filter(function(el, pos){return almost.indexOf(el) == pos;});
}

sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]);

//Result: [4,5,1]
1
Tim Reznich
function sym(arr1, arr2, ...rest) {

  //creating a array which has unique numbers from both the arrays
  const union = [...new Set([...arr1,...arr2])];

  // finding the Symmetric Difference between those two arrays
  const diff= union.filter((num)=>!(arr1.includes(num)&&arr2.includes(num)))

  //if there are more than 2 arrays
  if(rest.length){
    // recurrsively call till rest become 0 
    // i.e.  diff of 1,2 will be the first parameter so every recurrsive call will reduce     //  the arrays till diff between all of them are calculated.

    return sym(diff, rest[0], ...rest.slice(1))
  }
  return diff
}
1
Karan Jariwala

純粋なJavaScriptソリューション。

function diff(arr1, arr2) {
var arr3= [];
  for(var i = 0; i < arr1.length; i++ ){
    var unique = true;
     for(var j=0; j < arr2.length; j++){
          if(arr1[i] == arr2[j]){
               unique = false;
               break;
          }
     }
  if(unique){
    arr3.Push(arr1[i]);}
  }
 return arr3;
}

function symDiff(arr1, arr2){
  return diff(arr1,arr2).concat(diff(arr2,arr1));
}

symDiff([1, "calf", 3, "piglet"], [7, "filly"])
//[1, "calf", 3, "piglet", 7, "filly"]
1
vinayakj
function sym(args) {
  var initialArray = Array.prototype.slice.call(arguments);
  var combinedTotalArray = initialArray.reduce(symDiff);

  
  // Iterate each element in array,  find values not present in other array and Push values in combinedDualArray if value is not there already
  // Repeat for the other array (change roles)
  function symDiff(arrayOne, arrayTwo){
    var combinedDualArray = [];
    arrayOne.forEach(function(el, i){
      if(!arrayTwo.includes(el) && !combinedDualArray.includes(el)){
        combinedDualArray.Push(el);
      }
    });
      
    arrayTwo.forEach(function(el, i){
      if(!arrayOne.includes(el) && !combinedDualArray.includes(el)){
        combinedDualArray.Push(el);
      }
    });
    combinedDualArray.sort();
    return combinedDualArray;
  }
  
  return combinedTotalArray;
}

console.log(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]));
0
Vincent Tang

(配列全体の)すべての一意の値の数を含むマップを作成します。すべての配列を連結し、マップを使用して一意でない値をフィルタリングします。

const symsym = (...args) => {
  // create a Map from the unique value of each array
  const m = args.reduce((r, a) => {
    // get unique values of array, and add to Map
    new Set(a).forEach((n) => r.set(n, (r.get(n) || 0) + 1));
    
    return r;
  }, new Map());
  
  // combine all arrays
  return [].concat(...args)
    // remove all items that appear more than once in the map
    .filter((n) => m.get(n) === 1); 
};

console.log(symsym([1, 1, 2, 6], [2, 3, 5], [2, 3, 4])); // => Desired answer: [1, 1, 6, 5, 4]
0
Ori Drori

誰かが興味を持っているなら、これが私の解決策です:

function sym (...args) {
  let fileteredArgs = [];
  let symDiff = [];
  args.map(arrayEl =>
    fileteredArgs.Push(arrayEl.filter((el, key) =>
      arrayEl.indexOf(el) === key
      )
    )
  );

  fileteredArgs.map(elArr => {
    elArr.map(el => {
      let index = symDiff.indexOf(el);
      if (index === -1) {
        symDiff.Push(el);
      } else {
        symDiff.splice(index, 1);
      }
    });
  });

  return (symDiff);
}

console.log(sym([1, 2, 3, 3], [5, 2, 1, 4]));
0
user1137342

別の方法:配列の代わりにマップ内のルックアップを使用する

function sym(...vs){
    var has = {};
    //flatten values
    vs.reduce((a,b)=>a.concat(b)).
        //if element does not exist add it (value==1)
        //or mark it as multiply found value > 1
        forEach(value=>{has[value] = (has[value]||0)+1});
    return Object.keys(has).filter(x=>has[x]==1).map(x=>parseInt(x,10));
}
console.log(sym([1, 2, 3], [5, 2, 1, 4],[5,7], [5]));//[3,4,7])
0
user753642

これは私にとってはうまくいきます:

function sym() {
  var args = [].slice.call(arguments);
  
  var getSym = function(arr1, arr2) {
    return arr1.filter(function(each, idx) {
      return arr2.indexOf(each) === -1 && arr1.indexOf(each, idx + 1) === -1;
    }).concat(arr2.filter(function(each, idx) {
      return arr1.indexOf(each) === -1 && arr2.indexOf(each, idx + 1) === -1;
    }));
  };
  
  var result = getSym(args[0], args[1]);
  var len = args.length - 1, i = 2;
  while (--len) {
    result = [].concat(getSym(result, args[i]));
    i++;
  }
  
  return result;
}

console.info(sym([1, 1, 2, 5], [2, 2, 3, 5], [6, 8], [7, 8], [9]));
0
Jonatas Walker