자바스크립트 새 세트

| | | | | | |

자바스크립트에서 집합을 사용하는 방법

고유한 값만 포함해야 하는 데이터 목록이 있습니까? 이것이 JavaScript Set 데이터 유형이 정말로 빛나는 곳입니다. 고유한 값 모음을 만들 수 있는 새로운 유형의 개체입니다. 세트에는 중복이 허용되지 않습니다.

이 가이드에서는 세트가 무엇인지, 어떻게 작동하는지, 언제 유용할 수 있는지에 대해 설명합니다. JavaScript에서 사용할 수 있는 각 Set 메서드의 몇 가지 예를 살펴보겠습니다.

집합이란 무엇입니까?

집합은 중복을 포함할 수 없는 값의 모음입니다. 이 데이터 유형은 ECMAScript 6에서 도입되었습니다. 특히 집합은 다른 많은 프로그래밍 언어의 기능입니다.

목록은 여러 값을 저장할 수 있기 때문에 유용합니다. 목록은 수많은 시나리오에서 유용할 수 있는 중복 값 저장을 지원합니다.

예를 들어, 커피숍 주문 목록을 보관하는 경우 중복 값을 저장할 수 있어야 합니다. . 두 명의 고객이 같은 음료를 주문할 수 있습니다.

경우에 따라 목록에 고유한 값만 저장하고 싶을 수 있습니다. 여기에서 Set 개체를 사용하려고 합니다. 집합의 값은 한 번만 나타날 수 있습니다.

자바스크립트에서 집합은 다른 개체처럼 선언됩니다. 지역 티룸에서 고객이 보고한 좋아하는 케이크 목록을 저장하는 세트를 만들어 보겠습니다.

우리 코드는 다음을 반환합니다: Set []. 우리는 방금 세트를 만들었습니다. 코드 출력에서 볼 수 있듯이 현재로서는 가치가 없습니다. 나중에 추가하겠습니다.

다음 목록을 고려하십시오.

이 값은 현재 저장되어 있습니다. Set으로 변환하기 위해 새 Set 객체를 생성할 때 배열을 전달할 수 있습니다.

우리의 코드는 다음을 반환합니다:

세트에 값 추가

Ensembl 개체 e는 항목을 쉽게 추가할 수 있도록 하는 add()라는 메서드와 함께 제공됩니다. s를 세트로. 세트에 요소를 추가하는 데 사용되는 메서드 이름은 기억하기 쉽습니다. add ().

"Boston Cream Pie " 지역 빵집에서 판매하는 케이크 목록에. add() 메소드를 사용하여 이 값을 추가합니다.

코드는 다음을 반환합니다.

이제 집합에는 4개의 개체가 포함됩니다. 이미 집합에 있는 개체를 추가하려고 하면 해당 개체가 추가되지 않습니다. 세트는 중복 값을 저장할 수 없습니다.

세트에 값이 있는지 확인

케이크 목록에 "보스턴 크림 파이"가 있는지 확인해야 합니다. 이것은 케이크 목록에 새로 추가되었으며 제빵사는 우리가 추가했는지 확인하려고 합니다.

여기서 has () 메서드가 필요합니다. has () 메서드를 사용하면 Set에 특정 값이 가 있는지 확인할 수 있습니다. 다시 한 번, 이 메서드는 기억하기 쉬운 이름을 가지고 있습니다!

다음 코드를 고려하세요.

코드는 true를 반환합니다. has () 메서드는 Set에 특정 값이 포함되어 있는지 여부에 따라 true 또는 false의 부울 값을 반환합니다. 이 메서드는 배열에서 사용할 includes()와 유사하지만 has()는 Sets에서만 작동합니다.

세트에서 값 제거

제과점에서 딸기 치즈케이크를 더 이상 빵집에서 제공하지 않기로 결정했습니다. 딸기 치즈케이크는 다른 케이크보다 시간이 오래 걸리고 인기가 없었습니다.

적절한 delete () 메소드를 사용하여 세트에서 값을 삭제할 수 있습니다. 제거합시다. 우리 세트의 " Strawberry Cheesecake" 값:

우리의 코드는 다음을 반환합니다:

딸기 치즈 케이크가 세트에서 제거되었습니다.

모든 값을 제거할 수 있습니다. clear () 메소드를 사용하는 세트.

세트에 대해 반복

세트는 목록과 마찬가지로 반복 가능한 객체입니다. 그것이 무엇을 의미하는지 알고 있습니다. 찾아볼 수 있습니다.

for-each 루프를 사용하여 케이크 세트를 순환할 것입니다. for-each 루프는 목록의 모든 항목(목록의 모든 항목에 대해)을 살펴보고 콘솔에 출력합니다.

이 코드는 Set의 각 값을 콘솔에 출력하는 반복자를 반환합니다. < / p>

C `는 간단합니다. ! for-of 루프:

이 코드는 forEach 루프와 동일한 출력을 반환합니다.

for 루프를 사용하여 집합 ble을 탐색하도록 선택할 수 있지만 집합은 반복 가능하거나 ggetti이므로 더 쉽게 for-each 또는 for-of 루프를 사용합니다.

Set을 사용하여 중복 값 제거

배열로 Set을 초기화하면 모든 중복 값이 자동으로 제거됩니다. 매우 유용한 기능입니다.

많은 케이크 주문이 포함된 목록이 있다고 가정해 보겠습니다.

이 세트에는 베이커리에서 주문한 모든 케이크가 들어 있습니다. 총 8개의 값이 있습니다. 두 개의 값이 중복됩니다.

제빵사가 주문한 파이의 종류를 알고 싶어 하여 자신의 주방에서 요리를 시작할 수 있다고 가정해 보겠습니다. 세트를 목록으로 변환:

우리의 코드는 다음을 반환합니다:

우리 목록은 6개의 값으로 축소되었습니다. 이것들은 모두 주문 목록에 있는 고유한 값입니다. 한 단계 남았습니다.

표준 목록을 사용하여 케이크 세트와 상호 작용할 수 있도록 케이크 세트를 목록으로 다시 변환해야 합니다. 방법. 우리는 캘리포니아 n 그런 다음 Array.from () 메서드를 사용하여 이 작업을 수행합니다.

코드 반환:

이 코드의 출력은 우리 세트와 유사하지만, 한 가지 큰 차이점은 데이터가 이제 배열로 저장된다는 것입니다. 이는 내장된 모든 JavaScript 배열 메서드를 사용하여 상호 작용할 수 있음을 의미합니다.

결론

Set 개체를 사용하면 단일 항목만 포함할 수 있는 항목 목록을 저장할 수 있습니다. 소중한 물건. 집합은 목록이나 문자열과 같은 기존 반복 가능한 개체에서 초기화할 수 있습니다.

Set 개체는 중복 값을 제거하므로 배열에서 중복 값을 제거하는 방법으로 사용할 수 있습니다. 그런 다음 완료되면 Set을 다시 테이블로 변환할 수 있습니다.

이제 전문가처럼 JavaScript에서 Sets를 사용할 준비가 되었습니다.

자바스크립트 새 세트 __del__: Questions

자바스크립트 새 세트 __delete__: Questions

Shop

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method