jQuery で配列内の文字列重複を除去するには

Question

1. 疑問点

var arr = input.split(‘,’);で'相撲'として重複した配列を形成していますが、
var uarr = $.unique(arr)として重複を削除する場合は、数字であれば配列内の操作が効きますが、このuarrに対して$.unique(arr)はもはや使えないみたいですが、
jQueryで文字列重複を除く配列を作るのにはどうしたらいいでしょうか？
コンソールは下部のようになります。お願いいたします。

jQuery.unique( array )

Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on arrays of DOM elements, not strings or numbers.

Answer 1

ユニーク処理はsetを併用するほうが楽かもしれません

var arr = ['手芸','相撲','野球','相撲'];
var uarr = [...new Set(arr)];
console.log(uarr);

Comments

[JuniorSirius]

なるほどーこんなスマートな書き方もあるんですね。
こんど試しにやってみようかと思います。
ありがとうございます

Answer 2

jQueryというより単純なjavascriptにはなりますが、アロー関数とArray.filter関数を使うのが単純かつわかりやすいかと思います。

var arr = ['手芸','相撲','野球','相撲'];  //(4) ['手芸','相撲','野球','相撲']
var uarr = arr.filter((x, i, self) => self.indexOf(x) === i);  //(3) ['手芸','相撲','野球']

参考ページは以下の通りです。
配列の重複をはじく、もしくは重複を取り出す - qiita
Array.prototype.filter() - JavaScript | MDN

Comments

[JuniorSirius]

ありがとうございます。
アロー関数とArray.filter関数を意識して記事を参考にさせていただきます。
実装もうまくできました