JavaScript 重複した配列

Question

前提・実現したいこと

重複している配列を列挙するのですが、
重複している配列の元を飛ばして列挙するにはどうしたらいいでしょうか

下記コードの実行結果は
Array(4) [ "1", "1", "1", "2", "2" ]
となります
Array(4) [ "1", "1", "2" ]と表示したいです
つまり重複した1が2つ存在する
重複した2が1つ存在するという中身にしたいです

該当のソースコード

<script>
window.onload=function(){
var ar=new Array("1","1","1","2","2","3");
arr = ar.filter((x,i,s) => s.indexOf(x)!==s.lastIndexOf(x));
console.log(arr);
}
</script>

Comments

[maisumakun]

> つまり重複した1が2つ存在する
重複した2が1つ存在するという中身にしたいです

「もっと多数の要素が重複する場合」や「1,2,1,2のように重複した要素同士が入り交じる場合」はどのようにすればいいのでしょうか。

Answer 1

以下のように変更してみてはどうでしょうか。
s.indexOf(x)→i

Answer 2

配列中の重複要素をそれぞれ1つだけ取り除きたい、ということでしょうか。

以下のような考え方で良いかと思います。

• 元の配列から、重複しないSetを作成する。質問文の配列なら[1,2,3]を作る。 Setオブジェクトで簡単につくれる。
• Set中の要素それぞれについて、元の配列からSet側の要素と一致する要素を除去する。質問文の例だと、配列arから 1, 2, 3 が1つずつ取り除かれる。

以上の処理で [1,1,2]が得られます。

以下、検証コード：

var ar = new Array("1","1","1","2","2","3");
// 元の配列をSetに入れて重複を取り除く
var ar_set = new Set(ar);
console.log("ar_set", ar_set);    // -> ar_set Set(3) { '1', '2', '3' }
// Setの中身の要素をarから除去する
ar_set.forEach( e => ar.splice(ar.indexOf(e),1));
console.log("answer", ar);        // -> answer [ '1', '1', '2' ]