TypeScriptでのSpread構文と新しいSet()の使用方法

1. Spread構文を使用して配列を展開する方法

Spread構文を使用すると、配列内の要素を展開して別の配列にコピーすることができます。これは、配列を結合したり、新しい配列を作成したりするのに便利です。

例えば、以下のコードでは、2つの配列を結合して新しい配列を作成しています。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = [...array1, ...array2];
console.log(combinedArray); // [1, 2, 3, 4, 5, 6]

2. Spread構文を使用してオブジェクトをマージする方法

Spread構文は、オブジェクトのプロパティを展開して別のオブジェクトにマージするためにも使用できます。

以下の例では、2つのオブジェクトをマージして新しいオブジェクトを作成しています。

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj); // { a: 1, b: 2, c: 3, d: 4 }

3. 新しいSet()を使用して配列から重複を削除する方法

新しいSet()は、重複を持つ要素を持つ配列から重複を削除するための便利な方法です。

以下の例では、重複した要素を持つ配列から重複を削除しています。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = Array.from(new Set(array));
console.log(uniqueArray); // [1, 2, 3, 4, 5]

以上が、JavaScriptとTypeScriptでSpread構文と新しいSet()を使用する方法のいくつかの例です。これらの機能を活用することで、コードの効率性や可読性を向上させることができます。