JavaScriptで複数配列の重複する値をピックアップする

Question

JavaScriptの配列の値から重複する値を抽出して新規配列に格納するコードのご教授をお願い致します。

var array_A = ["aaa", "ddd", "eee", "bbb", "ccc"];
var array_B = ["bbb", "eee", "fff", "aaa"];
var array_C = ["hhh", "ccc", "fff", "bbb", "ggg", "iii"];

【行いたい処理の流れ】
①array_A と array_B で重複する値を抽出
②新規配列Ａに①の重複する値を格納
③array_B と array_C で重複する値を抽出
④新規配列Ｂに③の重複する値を格納
⑤新規配列Ｃに新規配列Ａと新規配列Ｂを格納して二次元配列化して出力

※array_A、array_B、 array_Cは動的に生成する配列のため、値の数・並び順は可変します。

よろしくお願い致します。

Answer 1

var a = ["aaa", "ddd", "eee", "bbb", "ccc"];
var b = ["bbb", "eee", "fff", "aaa"];
var c = ["hhh", "ccc", "fff", "bbb", "ggg", "iii"];
var d = [];

[[a,b],[b,c]].map(function(i,j){
  if(typeof d[j]==="undefined") d[j]=[];
  i.map(function(k){
    Array.prototype.push.apply(d[j],k);
  });
  d[j] = d[j].filter(function (x, i, self) {
    return self.indexOf(x) === i && i !== self.lastIndexOf(x);
  });
});
console.log(d);

改良版

配列自体の中にダブりがあっても大丈夫

var a = ["aaa","aaa", "ddd", "eee", "bbb", "ccc", "ccc"];
var b = ["bbb", "eee", "fff", "aaa"];
var c = ["hhh", "ccc", "fff", "bbb", "ggg", "iii"];
var d = [];

[[a,b],[b,c]].map(function(i,j){
  if(typeof d[j]==="undefined") d[j]=[];
  i.map(function(k){
    Array.prototype.push.apply(d[j],k.filter(function (x, i, self) {
      return self.indexOf(x) === i;
    }));
  });
  d[j] = d[j].filter(function (x, i, self) {
    return self.indexOf(x) === i && i !== self.lastIndexOf(x);
  });
});
console.log(d);

Comments

[yambejp]

ちなみに元のa,b,cのそれぞれの配列データが各自ユニークである前提の処理
そうでない場合はまずa,b,cの重複をとる処理が必要

[sika]

ご回答ありがとうございます。
yambejp様の回答は毎回とても勉強になります。

> 元のa,b,cのそれぞれの配列データが各自ユニークである前提の処理
これは a, b, c の値が全く同じ場合は例外という解釈で宜しいのでしょうか？

[yambejp]

すみません、わかりにくいですね
たとえば
var a=["aaa","bbb","aaa"];
のような同じ配列の中に同じ値があるとだめということです。
その場合は
var a=["aaa","bbb","aaa"];
a=a.filter(function (x, i, self) {
return self.indexOf(x) === i;
});
として、aの中身がユニークになるようにしてください

[yambejp]

上記を含めた改良版をupしておきました

[sika]

了解しました。
ユニークでない値が入る場合はfilterをかける必要があったのですね。
改良版コードまで作成して頂き、誠にありがとうございました。

Answer 2

array_A と array_B で重複する値を抽出

array_Aの各要素について、array_B.includesで、Bでの存在を見ればいいかと。

Comments

[sika]

ご回答ありがとうございます。
最初は array_A と array_B を結合　⇒　重複する値を削除　⇒　新規配列に格納
というプロセスを想定していましたが、検索用メソッドというものがあるのですね。

Answer 3

JavaScriptには用意されていませんが、Underscore.jsにはintersectionというピッタリの関数が用意されているのでそれを使うか、自前で実装すればよいでしょう。

function intersection(arr1, arr2) {
	var result = [];
	for (var i = 0, len = arr1.length; i < len; i++) {
		if (arr2.includes(arr1[i])) {
			result.push(arr1[i]);
		}
	}

	return result;
}

includes()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

二次元配列化というのは何をしたいのかよくわかりませんでした。

Comments

[sika]

ご回答ありがとうございます。
Underscore.jsというライブラリの存在を初めて知りました。
今後、関数型プログラミングを造る際に活用させていただきたいと思います。

> 二次元配列化というのは何をしたいのかよくわかりませんでした。
言葉足らずで申し訳ございませんでした。
新規Ｃ[ [新規Ａ], [新規Ｂ] ] という形で出力させたかったという意味でした。