JavaScriptでSetオブジェクトを配列に変換する方法を紹介します。
1. Array.from() で Set を Array に変換
Array.from()
は引数に渡されたオブジェクトを Array に変換します。 Set を引数に渡すと、Array が返されることを確認できます。
const set = new Set(['Hello', 'World', 'JavaScript']);
const arr = Array.from(set);
console.log(Array.isArray(arr));
console.log(arr);
Output:
true
[ 'Hello', 'World', 'JavaScript' ]
2. スプレッド演算子(Spread Operator)で Set を Array に変換
スプレッド演算子は、Iterableオブジェクトを分離するために使用できます。 次のように、スプレッド演算子を使用してSetを配列に変換できます。
const set = new Set(['Hello', 'World', 'JavaScript']);
const arr = [...set];
console.log(Array.isArray(arr));
console.log(arr);
Output:
true
[ 'Hello', 'World', 'JavaScript' ]
3. forEach() で Set を Array に変換
forEach()
を使うと、以下のように Set のすべての要素を配列に保存できます。
const set = new Set(['Hello', 'World', 'JavaScript']);
const arr = [];
set.forEach(function(val) {
arr.push(val);
});
console.log(Array.isArray(arr));
console.log(arr);
Output:
true
[ 'Hello', 'World', 'JavaScript' ]
Related Posts
- JavaScript - 現在のタイムスタンプを取得する
- Node.js - ファイル、ディレクトリの削除
- JavaScript - 文字列 空白 削除
- JavaScript sort() 関数、例の紹介
- JavaScript Set delete() 関数、値の削除
- JavaScript - 実行時間の測定方法
- JavaScript - 配列をオブジェクトに変換する4つの方法
- JavaScript - Mapの作成と初期化、3つの方法
- JavaScript - Map巡回、3つの方法
- JavaScript - Mapソート(キーまたはvalueでソート)
- JavaScript - オブジェクトに特定の値が存在することを確認する
- JavaScript - 数値がNaNであるかどうかを確認する方法
- JavaScript Enum (列挙型)
- JavaScript - 日付/時刻比較、3つの 方法
- JavaScript - 空の文字列の確認、2つの方法
- JavaScript - 最後の文字を削除する、4つの方法
- JavaScript - 配列を文字列に変換、3つの方法
- JavaScript - 複数行の文字列、3つの方法
- JavaScript - オブジェクトを文字列に変換する2つの方法
- JavaScript - 配列から重複排除、4つの方法
- JavaScript - 文字列の比較方法、5つの方法
- JavaScript - 文字列から数字のみを抽出する
- JavaScript - 配列のソート方法(昇順、降順)
- JavaScript - 文字列 切り出し(split、substr、substring、slice)
- JavaScript - Setを配列(Array)に変換する
- JavaScript - 文字列を配列(Array)に変換
- JavaScript - 関数の宣言方法
- JavaScript - 配列宣言、追加、削除などの基本的 な使用法のクリーンアップ
- JavaScript - 文字列を数値に変換する方法
- JavaScript - 文字列を結合する、接続する(concat、join、+)