변환하려면 세트 으로 정렬 , 우리는 집합의 주요 특징을 알아야 합니다. ㅏ 세트 고유한 항목의 모음입니다. 즉, 어떤 요소도 반복될 수 없습니다. 세트 ES6에서는 순서가 지정됩니다. 즉, 세트 삽입 순서에서 반복될 수 있습니다. Set의 고유한 요소 특성과 정렬된 구조 덕분에 JavaScript에서 Set을 배열로 변환하는 것은 간단합니다.
JavaScript에서 세트를 배열로 변환
ㅏ 세트 에서 배열로 변환할 수 있습니다. 자바스크립트 다음과 같은 방법으로:
내용의 테이블
- 1. JavaScript Array.from() 메소드 사용
- 2. JavaScript 스프레드 연산자 사용
- 3. JavaScript forEach() 메소드 사용
- 4. Lodash _.toArray() 메소드 사용
- 5. 매핑 기능 사용하기
- Spread 연산자와 함께 JavaScript Array.prototype.map 메서드 사용
1. JavaScript Array.from() 메소드 사용
JavaScript Array.from() 메서드 배열, 객체 또는 Map, Set 등과 같은 기타 반복 가능한 객체에서 새 배열을 반환합니다. 집합을 매개변수로 가져와 배열로 변환합니다.
통사론:
const arrayName = Array.from(setName);>
예: T 그의 예는 다음을 사용하여 세트를 배열로 변환합니다. Array.from() 메서드
Java의 목록 정렬자바스크립트
// 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 스프레드 연산자 배열의 요소를 구조 해제한 다음 배열 형태로 새 변수에 할당하는 데 사용할 수 있습니다.
d 플립플롭
통사론:
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() 메소드 사용
그만큼 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 나는 lodash 명령.
통사론:
const arrayName = _.toArray(setName);>
예: 아래 코드는 lodash 라이브러리의 _.toArray() 메서드를 구현하여 집합을 배열로 변환합니다.
자바스크립트 // 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 =>x * 2); console.log('이중 배열:', doubledArray);> 산출
Doubled Array: [ 2, 4, 6, 8, 10 ]>
Spread 연산자와 함께 JavaScript Array.prototype.map 메서드 사용
JavaScript에서 Set을 Array로 변환하는 또 다른 방법은 map 메소드와 Spread 연산자를 결합하는 것입니다. 이 방법을 사용하면 매핑 함수를 사용하는 Array.from()과 유사하지만 다른 구문을 사용하여 변환 프로세스 중에 요소를 변환할 수 있습니다.
통사론 :
const arrayName = [...setName].map(mapFunction);>
예: 이 예에서는 Set을 Array로 변환하고 map 메서드를 사용하여 각 요소에 변환을 적용합니다.
자바스크립트 // 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' ]>