Set() を利用して配列から重複しているものを取り除く

date
Sep 3, 2023
repo_url
slug
remove-duplicates-using-set
status
Published
summary
type
Post
thumbnail_url
tags
javascript
outer_link
JavaScriptでは、Setオブジェクトを使用して、配列内の重複する要素を効率的に取り除くことができます。
const numbers = [1, 2, 3, 4, 4, 4, 4, 5, 6, 6, 7];
const fruits = ["apple”, "pear", "banana", “apple”, "apple", “cherry"];

const uniqueNumbers ..new Set(numbers)];
const uniqueFruits = [...new Set(fruits)];

console. log(uniqueNumbers); // [ 1, 2, 3, 4, 5, 6, 7 ]
console. log(uniqueFruits); // ["apple”, "pear", “banana”, "cherry"
このコードでは、まず新しいSetオブジェクトを作成して配列の要素をその中に追加します。Setオブジェクトは重複する値を持たないため、この時点で重複が取り除かれます。次に、スプレッド演算子...を使用して、Setオブジェクトを再び配列に変換します。
この手法は複雑なオブジェクトの配列からも重複を取り除くために使用することができます。
 

© Hayato Kamiyama 2023 - 2024 - Build with Next.js & Notion