変換するには セット に 配列 、セットの主な特徴を知る必要があります。あ セット は一意の項目のコレクションです。つまり、要素を繰り返すことはできません。 セット ES6 では順序付けされています。つまり、 セット 挿入順序で繰り返すことができます。 Set のユニークな要素の性質と順序付けられた構造のおかげで、JavaScript で Set を配列に変換するのは簡単です。
JavaScript で Set を Array に変換する
あ セット で配列に変換できます JavaScript 次の方法で:
目次
- 1. JavaScript Array.from() メソッドの使用
- 2. JavaScript スプレッド演算子の使用
- 3. JavaScript forEach() メソッドの使用
- 4. Lodash _.toArray() メソッドの使用
- 5. マッピング機能の使用
- スプレッド演算子での JavaScript Array.prototype.map メソッドの使用
1. JavaScript Array.from() メソッドの使用
JavaScript Array.from() メソッド 配列、オブジェクト、または Map、Set などの他の反復可能なオブジェクトから新しい配列を返します。セットをパラメータとして受け取り、それを配列に変換します。
構文：
const arrayName = Array.from(setName);>
例: T 彼の例では、を使用して Set を Array に変換します。 Array.from() メソッド
Java同期JavaScript
// Creating array from input string const mySet = new Set([1, 1, 2, 3, 4, 4, 5, 6, 5]); console.log('Elements in the set are: ', mySet); let myArr = Array.from(mySet); // Display output console.log('Elements in the Array created using Set are: ', myArr);> 出力
Elements in the set are: Set(6) { 1, 2, 3, 4, 5, 6 } Elements in the Array created using Set are: [ 1, 2, 3, 4, 5, 6 ]> 2. JavaScript スプレッド演算子の使用
の JavaScript スプレッド演算子 を使用して、配列の要素を構造解除し、それらを配列の形式で新しい変数に割り当てることができます。
構文：
const arrayName = [...setName];>
例： 以下のコードは、を使用してセットを配列に変換します。 スプレッド演算子 。
JavaScript
// Input set let mySet = new Set(['GFG', 'JS']); console.log('Elements in the set are: ', mySet); // Convert using spread operator let myArr = [...mySet]; // Display output console.log('Elements in the Array created using Set are: ', myArr);> 出力
Elements in the set are: Set(2) { 'GFG', 'JS' } Elements in the Array created using Set are: [ 'GFG', 'JS' ]> 3. JavaScript forEach() メソッドの使用
の arr.forEach() メソッド Push() メソッドを使用して配列にプッシュされるセットの要素ごとに、提供された関数を 1 回呼び出します。
Javaの配列
構文：
setName.forEach((ele)=>{ 配列名.push(彼); });>>' 例： 以下のコード例では、 forEach() メソッド セットを配列に変換します。
JavaScript // Create input set let newSet = new Set(); let arr = []; newSet.add('Geeks'); newSet.add('for'); // Duplicate item newSet.add('Geeks'); console.log('Set Elements: ', newSet); let someFunction = function (val1) { arr.push(val1); }; newSet.forEach(someFunction); // Display output console.log('Array Elements: ' + arr);>
出力 4. Lodash _.toArray() メソッドの使用
Lodash は、次のことを可能にする JavaScript ライブラリです。 _.toArray() 値を受け入れて配列に変換するメソッド。
注記： このアプローチを使用するには、次のコマンドを使用して lodash ライブラリをローカル システムにインストールする必要があります。 npm i lodash 指示。
構文：
const arrayName = _.toArray(setName);>
例： 以下のコードは、lodash ライブラリの _.toArray() メソッドを実装して、セットを配列に変換します。
JavaScript // Requiring the lodash library const _ = require('lodash'); let set = new Set(['welcome', 'to', 'GFG']); console.log('Set Elements: ', set); // Use of _.toArray() method console.log('Array Elements: ', _.toArray(set));> 出力：
Set Elements: Set(3) { 'welcome', 'to', 'GFG' } Array Elements: [ 'welcome', 'to', 'GFG' ]>5. マッピング関数での Array.from() メソッドの使用
一方、 Array.from() メソッド セットのような反復可能オブジェクトを配列に変換するためによく使用されますが、マッピング関数の使用も可能になります。このマッピング関数は、変換プロセス中にセットの各要素を変換するのに役立ちます。
構文：
const arrayName = Array.from(setName, mapFunction);>
例： この例では、Array.from() をマッピング関数とともに使用して、セットを変更された要素を含む配列に変換する方法を示します。
JavaScript // Create a set with numerical values const numSet = new Set([1, 2, 3, 4, 5]); // Convert the set to an array, doubling each element const doubledArray = Array.from(numSet, x =>x * 2); console.log('Doubled Array:', doubledArray);>> 出力
Doubled Array: [ 2, 4, 6, 8, 10 ]>
スプレッド演算子での JavaScript Array.prototype.map メソッドの使用
JavaScript で Set を Array に変換する別の方法は、map メソッドとスプレッド演算子を組み合わせることです。このメソッドでは、マッピング関数を使用した Array.from() と同様に、変換プロセス中に要素を変換できますが、使用する構文が異なります。
構文 :
おっとコンセプト
const arrayName = [...setName].map(mapFunction);>
例： この例では、Set を Array に変換し、map メソッドを使用して各要素に変換を適用します。
JavaScript // Create a set with string values const stringSet = new Set(['a', 'b', 'c', 'd']); // Convert the set to an array, appending a suffix to each element const suffixedArray = [...stringSet].map(x =>x + '_suffix'); console.log('接尾辞付き配列:', suffixedArray);>> 出力
Suffixed Array: [ 'a_suffix', 'b_suffix', 'c_suffix', 'd_suffix' ]>