[JavaScript]２つの配列(array)同士を重複なしで結合して文字列に変換する(merge two arrays without duplicates)には？

どうも、ちょげ(@chogetarou)です。

２つの配列(array)同士を重複なしで結合する方法を紹介します。

方法

２つの配列(array)同士を重複なしで結合するには、Setを使います。

まず、２つの配列を結合し、結合した結果をSetに変換します。

そして、上記のSetを配列に変換します。

//スプレッド構文で結合する場合
//arr1, arr2=結合する配列
let result = [...new Set([...arr1, ...arr2])]

//concat()で結合する場合
let result = [...new Set(arr1.concat(arr2))]

結合した結果をSetに変換して、Setを配列に変換することで、配列を重複なしで結合した結果を取得できます。

let numbers1 = [1, 2, 3, 4, 5];
let numbers2 = [3, 4, 5, 6, 7];

let result = [...new Set([...numbers1, ...numbers2])]

console.log(result);

出力：
[
  1, 2, 3, 4,
  5, 6, 7
]

使用例２

let numbers1 = [1, 2, 3, 4, 5];
let numbers2 = [3, 4, 5, 6, 7];

let result = [...new Set(numbers1.concat(numbers2))]

console.log(result);

出力：
[
  1, 2, 3, 4,
  5, 6, 7
]