Javascript 二次元配列内の重複を削除したいです

Question

var sample10 = [
[0.1, 0.1, 0.1, 0.1], 
[0.2, 0.2, 0.2, 0.2],
[0.3, 0.3, 0.3, 0.3]
];

上記のように重複した値を持つ二次元配列の、
重複を無くして一次元配列にしたいです。

求めている結果は、

[
 0.1, 
 0.2,
 0.3
]

という形です。

Underscore.jsを用いて、下記のようなコードで試してみました。

var func = function (x, i, self) {
  return self.indexOf(x) === i;
};
var resultArray = _.map(sample10,  func);
console.log(resultArray); 

コンソール結果は、

[true, true, true]

となってしまっています。

求めている一次元配列を作るにはどうしたら良いのでしょうか。
どなたかご教示のほど、よろしくお願いいたします。

Answer 1

Underscore.jsを使っているのならば
_.chainという必殺構文があるのでこれを使いましょう。

var sample10 = [
  [0.1, 0.1, 0.1, 0.1], 
  [0.2, 0.2, 0.2, 0.2],
  [0.3, 0.3, 0.3, 0.3]
];
_.chain(sample10)
  .flatten()
  .uniq()
  .tap(console.log)
  .value();

行数こそ5行程度とそれなりに長いですが、
やりたいことが中学生でも瞬時に理解出来るように上から書いてあるだけなので
読みやすさは他の追従を許しません。

flattenで1次元配列に潰して
uniqで重複取り除いて
tap(console.log)で値を出力
valueで計算開始！からの値が取り出せる(チェイン構文の決まりごと)

後で使うなら何か変数に保存しておいて、改めてconsole.logかなんかで出力して確認すれば良いでしょう。

Comments

[hachimitu_remon]

miyabi-sunさん、ご回答ありがとうございます。
こんなに分かりやすくシンプルに書けるのですね。
勉強になりました。

[miyabi-sun]

勉強になったようで良かったです。

因みにUnderscore.jsのような書き方はわりとメジャーで、
RubyやPythonは標準でこういう機能が用意されててスイスイ書けます。
流行りのElixirとかElm、Haskellとかの関数型プログラミング言語にもありますので、
Underscore流儀に慣れておけば他のプログラミング言語も同じじゃん楽勝みたいな感じで操れるようになります。

暇な時間に機能一覧を眺めて「へー、こんな機能存在するんだ」と調べてみてください。
一生の財産になるくらいプログラミング力が向上するので、値の加工が楽しくなると思いますよ。

[hachimitu_remon]

そうなんですね！　Underscoreをもっと勉強してみたいと思いました。
質問へのご回答だけでなく、さらにこのようなことも教えてくださり、大変感謝しております。

Answer 2

Underscore.js は詳しくないのでバニラで

[...new Set(sample10.flat())]

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/flat
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Set#Remove_duplicate_elements_from_the_array

Comments

[hachimitu_remon]

x_xさん、ご回答ありがとうございます。
sample10.map(a => [...new Set(a)]).flat()　のコードで作れました。
一行で書けるなんて。。勉強になりました。

Answer 3

命題がおかしいです

[0.1, 0.1, 0.1, 0.1]→0.1(※0,1typo修正)
としていますが
[0.1]じゃなければ重複しない値があったときに表現できません

Comments

[x_x]

質問文中に 0.1 は出てきますが、0 や 1 は出てきていないと思います。

[yambejp]

typoはなおしました、
よく読み返したらいいたいことは理解できました。
配列内の各配列をユニーク処理するのではなく
全部まとめてユニークににするということですね・・・

[x_x]

ああ、なるほど。
[...new Set(sample10.flat())]
ではなく、
sample10.map(a => [...new Set(a)]).flat()
なんでしょうかね

Answer 4

https://qiita.com/cocottejs/items/7afe6d5f27ee7c36c61f

以下のコードを利用し、

var a = [1,2,3,3,2,2,5];

// 重複を削除したリスト
var b = a.filter(function (x, i, self) {
            return self.indexOf(x) === i;
        });

console.log(a); // [ 1, 2, 3, 3, 2, 2, 5 ]
console.log(b); // [ 1, 2, 3, 5 ]

以下のように書くことで実現可能だと思われます。

var sample10 = [
  [0.1, 0.1, 0.1, 0.1], 
  [0.2, 0.2, 0.2, 0.2],
  [0.3, 0.3, 0.3, 0.3]
];

var distinct = sample10.map(l => l.filter(function (x, i, self) {
            return self.indexOf(x) === i;
        })).flat(); //flatで[[0.1],[0.2],[0.3]]を[0.1,0.2,0.3]に

console.log(distinct);

Comments

[hachimitu_remon]

kimkimさん、丁寧なご回答を頂き大変感謝申し上げます。
filterとmapをこのようにして同時に使うことができるのですね。
とても勉強になりました。

[kimkim]

よかったです！

でも私の回答は質問の意図をしっかり把握した上での回答ではなかったため、
他の方の回答もしっかり参考にするといいかもしれません！