Set 은 자바스크립트에서 배열과 비슷한 데이터 집합이다. 컬렉션의 형식으로 반복문을 이용한 값의 접근이 가능하다. Set 을 생성하는 방법은 2가지가 있으며, 배열과 차이가 있다면 중복되는 값이 Set 내부에 있을 경우 단 하나로 인식한다. 이것은 size 속성으로 직접 확인이 가능하다.
자바스크립트 set 세트 만들고 출력하기
creating javascript set
자바스크립트에서 배열과 비슷한 자료구조가 있다. 그것은 Set 이다.
Set 은 배열과 비슷한 형식을 취하고 있지만 차이가 있다.
자바스크립트의 Set 은 유일무이한 값을 담고 있는 데이터 집합인 컬렉션이다.
당연히 반복문으로 값에 접근이 가능하다.
자바스크립트 set
자바스크립트의 데이터집합인 Set 을 만드는 방법은 2가지가 있다.
new 를 이용해 Set 을 선언함과 동시에 값을 설정해 주는 방법과 생성과 값의 추가를 별개로 하는 방법이다.
코드를 보자.
첫번째는 Set 를 선언하고 값을 할당하는 작업을 동시에 해 주고 있다.
두번째는 Set 를 선언한 후 add 메서드를 이용하여 값을 할당하고 있다.
let colSet = new Set(["값", "값", "값", ~]);
let colSet = new Set();
colSet.add("값");
colSet.add("값");
colSet.add("값");
~샘플코드
이제 Set 자료구조를 이용한 자바스크립트 예제를 만들어 본다.
2가지 방법으로 Set 을 만들고 for of 반복문을 이용하여 Set 내부에 있는 데이터를 출력해 보도록 한다.
Set의 특징은 유일무이한 값을 가진다는 것이다.
코드를 보자.
에러가 발생하는지 유일무인한 값을 출력하는지 확인까지 해 보도록 한다.
<!DOCTYPE html>
<html>
<body>
<script>
console.log('----------');
const colSet1 = new Set(["다우산업", "나스닥", "나스닥", "홍콩H", "상해종합", "니케이225"]);
for ( let lpEach of colSet1 ) {
console.log(lpEach);
}
console.log('----------');
const colSet2 = new Set();
colSet2.add("코스피");
colSet2.add("코스닥");
colSet2.add("코스닥");
colSet2.add("코넥스");
for ( let lpEach of colSet2 ) {
console.log(lpEach);
}
console.log('----------');
</script>
</body>
</html>위의 코드를 보면 Set 의 특성을 테스트 하기 위해 중복되는 값을 하나씩 추가했다.
하지만 실제로 출력을 해보면 Set 내부의 값에서 중복된 값은 제외되고 하나로 인식하는 것을 볼 수 있다.
중복되는 값을 설정한다고 해도 에러는 발생하지 않는다.
결과화면을 보자.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 Set 값 삭제하기 deleting javascript Set value (0) | 2022.06.07 |
|---|---|
| 자바스크립트 세트 Set 값 추가하기 using add method in javascript Set (0) | 2022.06.05 |
| 자바스크립트 Set Map 데이터의 for of 반복 using for of loop of Set and Map (0) | 2022.05.30 |
| 자바스크립트 반복 가능 객체 Iterables 사용 하기 using javascript iterables object (0) | 2022.05.27 |
| 자바스크립트 continue 문 사용 하기 using javascript continue statement (0) | 2022.05.23 |
댓글