Щоб перетворити a встановити в Масив , нам потрібно знати основні характеристики набору. А встановити це набір унікальних елементів, тобто жоден елемент не може повторюватися. встановити в ES6 впорядковані, тобто елементи встановити можна повторити в порядку вставки. Перетворення набору в масив у JavaScript є простим завдяки унікальній елементній природі та впорядкованій структурі наборів.

перетворити Set на Array у JavaScript

А встановити можна перетворити на масив у JavaScript такими способами:

Зміст

• 1. Використання методу JavaScript Array.from().
• 2. Використання оператора поширення JavaScript
• 3. Використання методу JavaScript forEach().
• 4. Використання методу Lodash _.toArray().
• 5. Використання функції відображення
• Використання методу JavaScript Array.prototype.map з оператором Spread

1. Використання методу JavaScript Array.from().

Метод JavaScript Array.from(). повертає новий масив із масиву, об’єкта чи інших ітерованих об’єктів, таких як Map, Set тощо. Він приймає набір як параметр і перетворює його на масив.

Синтаксис:

const arrayName = Array.from(setName); 

Приклад: Т його приклад перетворює набір на масив за допомогою Метод Array.from().

// 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

The Оператор поширення JavaScript можна використовувати для деструктурування елементів масиву, а потім призначити їх новій змінній у формі масиву.

Синтаксис:

const arrayName = [...setName]; 

приклад: Наведений нижче код перетворює набір на масив за допомогою оператор поширення .

// 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().

The метод arr.forEach(). викликає надану функцію один раз для кожного елемента набору, де вони надсилаються до масиву за допомогою методу push().

Синтаксис:

 setName.forEach((ele)=>{ arrayName.push(його); });> 

приклад: У наведеному нижче прикладі коду використовується метод forEach(). для перетворення набору в масив.

// 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); 

Set Elements: Set(2) { 'Geeks', 'for' } Array Elements: Geeks,for 

4. Використання методу Lodash _.toArray().

Lodash — це бібліотека JavaScript, яка дозволяє нам використовувати _.toArray() метод, який приймає значення та перетворює його на масив.

ПРИМІТКА: Щоб використовувати цей підхід, вам потрібно встановити бібліотеку lodash у вашу локальну систему за допомогою npm i lodash команда.

Синтаксис:

const arrayName = _.toArray(setName); 

приклад: Наведений нижче код реалізує метод _.toArray() бібліотеки lodash для перетворення набору в масив.

// 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() із функцією відображення для перетворення набору в масив із зміненими елементами.

// 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 =>х * 2); console.log('Подвойений масив:', doubledArray); 

Doubled Array: [ 2, 4, 6, 8, 10 ] 

Використання методу JavaScript Array.prototype.map з оператором Spread

Інший підхід до перетворення набору в масив у JavaScript полягає в поєднанні методу карти з оператором поширення. Цей метод дозволяє трансформувати елементи під час процесу перетворення, подібно до Array.from() із функцією відображення, але з використанням іншого синтаксису.

Синтаксис :

const arrayName = [...setName].map(mapFunction); 

приклад: У цьому прикладі ми перетворимо набір на масив і застосуємо перетворення до кожного елемента за допомогою методу карти.

// 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 + '_суфікс'); console.log('Масив із суфіксами:', suffixedArray); 

Suffixed Array: [ 'a_suffix', 'b_suffix', 'c_suffix', 'd_suffix' ]