자바스크립트의 반복가능한 데이터 집합인 Set 은 add 메서드를 사용하여 값을 추가할 수 있다. Set 을 선언한 후 데이터를 필요할 때마아 add 메서드를 사용하여 추가할 수 있으며, Set 에 있는 값의 갯수는 size 를 통해 알 수 있다. Set 의 특징은 내부에는 중복값이 제거된다는 점을 상기하자.
자바스크립트 세트 값 추가하기
using add method javascript set
자바스크립트의 Set 은 반복 가능한 데이터의 집합이며 literable 하다.
반복이 가능하기에 for of 반복문으로 인덱스의 사용없이 데이터의 접근이 가능하기도 하다.
Set 을 생성하는 방법은 선언과 값의 할당을 동시에 할 수도 있고, 추가로 add 메서드를 사용하여 값을 추가할 수 있다.
자바스크립트의 Set 에 대한 것은 이전 내용을 참고해 본다.
add 메서드 값 추가하기
자바스크립트 데이터 집합인 Set 은 add 메서드를 사용하여 값을 추가할 수 있다.
개발자가 필요한 데이터 가공을 위해 추가를 하거나 추가적인 값이 필요한 경우 등 여러 상황에서 사용할 수 있다.
add 메서드는 Set 을 생성한 후 Set 변수에서 add 메서드를 사용하면 된다.
아래는 Set 에서 add 메서드를 사용하는 내용을 보여준다.
let vSet = new Set();
vSet.add(값);
vSet.add(값);
vSet.add(값);
vSet.add(값);샘플코드
위의 Set 내용을 사용하여 자바스크립트 예제를 만들어 본다.
기존에 있던 코드에서 add 메서드를 이용하여 여러가지 값을 추가하였다.
Set 의 특징은 배열과 비슷하지만, 중복되는 값은 제거한다는 점을 상기하자.
코드를 보자. 조금 길지만 add 메서드가 여러차례 추가되었을 뿐이다.
<!DOCTYPE html>
<html>
<body>
<script>
let _loop = 0;
console.log('----------');
const colSet1 = new Set(["다우산업", "나스닥", "나스닥", "홍콩H", "상해종합", "니케이225"]);
colSet1.add("KOSPI");
colSet1.add("KONEX");
colSet1.add("KOSDAQ");
colSet1.add("NSADAQ");
console.log("갯수", colSet1.size);
for ( let lpEach of colSet1 ) {
console.log(lpEach);
}
console.log('----------');
const colSet2 = new Set();
colSet2.add("코스피");
colSet2.add("코스닥");
colSet2.add("코스닥");
colSet2.add("코넥스");
colSet2.add("KOSPI");
colSet2.add("KONEX");
colSet2.add("KOSDAQ");
colSet2.add("NSADAQ");
console.log("갯수", colSet2.size);
for ( let lpEach of colSet2 ) {
console.log(lpEach);
}
console.log('----------');
</script>
</body>
</html>Set 데이터집합에 add 메서드를 이용하여 값을 여러차례 추가하였다.
Set 에 들어있는 값의 갯수는 size 속성으로 알 수 있으며, 중복값은 제거된 갯수를 보여준다.
결과 화면을 보자.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 Set 반복문 2가지 사용 방법 using javascript set for statement (0) | 2022.06.10 |
|---|---|
| 자바스크립트 Set 값 삭제하기 deleting javascript Set value (0) | 2022.06.07 |
| 자바스크립트 set 세트 만들고 출력하기 creating javascript set (0) | 2022.06.01 |
| 자바스크립트 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 |
댓글