0

JavaScriptの配列で重複削除をしたいのです。

例えばarray = [item0, item1, item2, item3 ...]として、itemはそれぞれに主キーとUserIDと値を持ちます。主キーはもちろんユニークですが、UserIDは重複する場合があり、UserIDが重複するitemは配列から削除したいのです。 現時点では同じユーザーが複数の値を配列に入れており、値の数が配列のサイズになっていますが、これをユーザーの数にしたいのです。

mapを使い、UserIDをキーにして、同じUserIDが来た際には値を上書きして(値自体はなんでも良いのでいくら上書きしても構わない)、そのmapを配列に直すという方法を試したいのですが、コードがうまく書けません。ちなみに処理を軽くしたいのでループは可能な限り使いたくはありません。

どなたか教えてくれませんか?

const array = [item0, item1, item2, item3, item4 ...];

if (array !== undefined && array.length != 0){
    const map = new Map();
    array.forEach((element) => {
        map.set(element.get('userID'), element)
    })

};

こう書けば、mapの中にUserIDが重複しないitemを入れることはできます。
今度はmapの値だけを、元のarrayに更新せなばなりませんが、そのやり方がちょっと分からないです。

1
  • 2
    途中まで不完全で良いので、ご自身で書いたコードがあると具体的にアドバイスが得やすいと思います。是非質問に追記してみてください。
    – keitaro_so
    Commented 2019年8月20日 2:48

1 件の回答 1

1

Map オブジェクトの各要素の値は、 Map.prototype.values メソッドを用いて取得出来ます。また、スプレッド構文を使うことで iterable オブジェクトを展開出来ます。

{
  const map1 = new Map();

  map1.set('0', 'foo');
  map1.set(1, 'bar');

  const iterator1 = map1.values();

  console.log(...iterator1); //=> foo bar
}

ここから、 Map.prototype.values メソッドの返り値を配列内に展開し、それを変数 array に代入することで、 Map オブジェクトの各要素の値のみを元の配列へ代入出来るとわかります。

{
  let array = [{pk: 1, userid: 1}, {pk: 2, userid: 2}, {pk:3, userid: 2}, {pk: 4, userid: 3}, {pk: 5, userid:1}];
  if (array !== undefined && array.length != 0) {
    const map = new Map();
    array.forEach(element => map.set(element["userid"], element));

    console.log(...map.values()); //=> Object { pk: 5, userid: 1 } Object { pk: 3, userid: 2 } Object { pk: 4, userid: 3 }
    console.log([...map.values()]); //=> Array(3) [ {…}, {…}, {…} ]

    array = [...map.values()];

    console.log(array); //=> Array(3) [ {…}, {…}, {…} ]
  }
}

今回の場合、ユーザー ID のみがわかっていれば良いので、 Set オブジェクトを使用することも出来ます。

{
  const array = [{pk: 1, userid: 1}, {pk: 2, userid: 2}, {pk:3, userid: 2}, {pk: 4, userid: 3}, {pk: 5, userid:1}];
  const set = new Set();
  const filteredArray = [...array].reverse().filter(e => !set.has(e.userid) && set.add(e.userid));
  console.log(filteredArray); //=> Array(3) [ {…}, {…}, {…} ]
}
1
  • 大変参考になりました。ありがとうございます。
    – shinchan97
    Commented 2019年8月22日 8:52

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。