【javascript】配列の重複を削除する
7115 ワード
ES6で記載します。
普通の配列の場合
Setに入れることで重複が消えるので、それを配列に戻す。
var dupArray = [1,1,4,5,1,4,1,9,1,9,8,1,0];
var arr = Array.from(new Set(dupArray));
// -> [1, 4, 5, 9, 8, 0]
Object配列の場合
一意に保持したいkeyを指定し、それを利用してフィルタリングする。
var dupObjectsArray = [
{ userId: 1, class: "2-B", name: "Rinko Shirokane" },
{ userId: 2, class: "3-B", name: "Ako Udagawa" },
{ userId: 3, class: "2-B", name: "Yukina Minato" },
{ userId: 4, class: "2-A", name: "Risa Imai" },
{ userId: 5, class: "2-B", name: "Sayo Hikawa" },
];
var key = "class"; // このケースではclassの重複を消す
var keymap = new Set(dupObjectsArray.map(e => e[key]));
var objectsArray = dupObjectsArray.filter(e => {
return keymap.has(e[key]) && keymap.delete(e[key]);
});
// objectsArray ->
// 0: {userId: 1, class: "2-B", name: "Rinko Shirokane"}
// 1: {userId: 2, class: "3-B", name: "Ako Udagawa"}
// 2: {userId: 4, class: "2-A", name: "Risa Imai"}
この方法だと最初に一致した要素が残る。
後方一致にしたい場合は、配列をreverseで入れ替える。
// (共通部分略)
var objectsArray = dupObjectsArray.reverse().filter(e => {
return keymap.has(e[key]) && keymap.delete(e[key]);
});
// objectsArray ->
// 0: {userId: 5, class: "2-B", name: "Sayo Hikawa"}
// 1: {userId: 4, class: "2-A", name: "Risa Imai"}
// 2: {userId: 2, class: "3-B", name: "Ako Udagawa"}
Author And Source
この問題について(【javascript】配列の重複を削除する), 我々は、より多くの情報をここで見つけました https://qiita.com/arika0093/items/17585bfee07d91300016著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .