>  기사  >  웹 프론트엔드  >  JS의 세트란 무엇입니까?

JS의 세트란 무엇입니까?

WBOY
WBOY원래의
2024-07-19 12:03:18324검색

What is a Set in JS?

세트는 고유한 값의 모음입니다. 배열과 달리 세트는 중복된 요소를 가질 수 없습니다.

세트 기본 조작

세트 만들기

new Set() 생성자를 사용하여 새 Set을 생성할 수 있습니다. 예:

const uniqueNumbers = new Set([1, 2, 3, 3, 4]);
console.log(uniqueNumbers); // Output: Set(4) {1, 2, 3, 4}

재미있고 심각한 예

예 1: 중복 파티 크래셔
파티를 열고 있는데 독특한 손님만 초대한다고 상상해 보세요. 그런데 어떤 손님은 두 번이나 몰래 들어가려고 합니다!

const partyGuests = new Set();

partyGuests.add('Alice');
partyGuests.add('Bob');
partyGuests.add('Alice'); // Alice tries to sneak in again!

console.log(partyGuests); // Output: Set(2) {"Alice", "Bob"}

여기서 앨리스는 두 번이나 몰래 들어가려고 했지만 세트에서는 한 번만 들여보내줍니다.

예 2: 마술 모자 트릭
당신은 독특한 아이템만 보관할 수 있는 마법 모자를 가지고 있습니다. 같은 물건을 두번 넣으려고 하면 그냥 안들어가더라구요!

const magicHat = new Set();

magicHat.add('Rabbit');
magicHat.add('Dove');
magicHat.add('Rabbit'); // Another Rabbit tries to jump in!

console.log(magicHat); // Output: Set(2) {"Rabbit", "Dove"}

두 번째 토끼가 뛰어들려고 하는데도 불구하고 마법 모자에는 토끼 한 마리와 비둘기 한 마리밖에 들어있지 않습니다.

예 3: 독특한 책의 도서관
당신은 각 책이 고유해야 하는 도서관을 운영하고 있습니다. 이미 가지고 있는 책을 누군가 기부하려고 하면 정중히 거절하세요.

const library = new Set(['1984', 'Brave New World', '1984']); // 1984 is already in the library!

console.log(library); // Output: Set(2) {"1984", "Brave New World"}

귀하의 도서관은 한 권의 책만 보관하여 독특함을 유지합니다.

유용한 방법

회원 확인 중

특정 손님이 이미 파티에 참석했는지 알고 싶으십니까?

console.log(partyGuests.has('Alice')); // true
console.log(partyGuests.has('Charlie')); // false

회원 삭제

파티에서 일찍 나가기로 결정한 사람이 있나요? 문제없습니다!

partyGuests.delete('Bob');
console.log(partyGuests); // Output: Set(1) {"Alice"}

세트 지우기

파티 끝! 모두를 정리할 시간입니다.

partyGuests.clear();
console.log(partyGuests); // Output: Set(0) {}

세트 반복

배열과 마찬가지로 집합을 반복할 수 있습니다.

const animals = new Set(['Cat', 'Dog', 'Bird']);

for (const animal of animals) {
  console.log(animal); 
  // Output:
  // Cat
  // Dog
  // Bird
}

세트와 배열 간 변환

세트를 배열로 또는 그 반대로 변환할 수 있습니다.

const numberSet = new Set([1, 2, 3]);
const numberArray = [...numberSet]; // [1, 2, 3]

const arrayToSet = new Set(numberArray); // Set(3) {1, 2, 3}

세트를 사용하는 이유는 무엇입니까?

세트는 고유 항목 컬렉션을 저장해야 하고 수동으로 확인할 필요 없이 중복을 방지하려는 경우 특히 유용합니다.

요약

  • 고유 값: 세트는 고유 값만 저장합니다.
  • 기본 작업: 세트의 값을 추가, 삭제, 확인할 수 있습니다.
  • 반복: 세트의 값을 반복할 수 있습니다.
  • 변환: 집합과 배열 간을 쉽게 변환합니다.

세트를 사용하면 파티 손님 목록, 마법 모자에 담긴 항목, 도서관의 책 등 컬렉션을 독특하고 효율적으로 유지할 수 있습니다!

위 내용은 JS의 세트란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.