자바스크립트의 데이터 집합인 Set 은 for of 반복문과 foreach 반복문을 통해 반복을 실행할 수 있다. 구문상 차이가 있지만 두가지 전부 데이터집합의 처음부터 끝까지 반복하는 동작을 행하는 것은 같다. for of 는 일반적인 for 구문과 비슷하고 foreach는 Set 의 속성과 같은 형식으로 사용된다.
자바스크립트 Set 반복문 2가지 사용 방법
using javascript Set for statement
반복이 가능한 데이터집합들을 반복문을 사용하는 방법은 여러가지 있다.
자바스크립트의 Set의 경우 2가지 방법의 편한 방법이 있는데 for of 와 for each 구문을 사용하는 방법이다.
for of 구문은 이전에도 많이 보았으니 넘어가고 foreach 구문을 추가하여 반복문을 작성해 본다.
for of 에 관한 내용은 이전 내용을 참고해 본다.
Set 과 반복문
for of 구문이나 foreach 구문이나 반복문을 사용하는 것은 같지만 문법적으로 조금 다르다.
for of 구문은 일반적인 for 문과 비슷한 구조를 같지만 foreach 의 경우 Set 의 속성형식으로 제공된다.
둘의 동작은 같다.
별도의 Set 이 가진 인덱스를 사용하지 않아도 데이터 집합의 처음부터 끝까지 반복을 한다.
아래는 for of 구문과 foreach 구문을 사용하여 자바스크립트의 Set 데이터 집합을 반복하는 방법을 보여준다.
for ( let each of Set ) {
console.log(each);
}
Set.forEach (function(value) {
console.log(value);
});샘플코드
위의 반복문을 이용하여 자바스크립트 Set 의 내용을 반복하는 예제를 만들어 본다.
for of 와 foreach 의 구문상 차이가 있을 뿐 동작은 같다.
자바스크립트 Set 데이터를 2개 만들고 각각 for of 와 foreach 반복문을 사용하여 반복을 실행시켜 본다.
아래의 코드를 보자.
<!DOCTYPE html>
<html>
<body>
<script>
let _loop = 0;
console.log('----------');
const colSet1 = new Set(["다우산업", "나스닥", "나스닥", "홍콩H", "상해종합", "니케이225"]);
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("코넥스");
console.log("갯수", colSet2.size);
colSet2.forEach (function(value) {
console.log(value);
});
console.log('----------');
</script>
</body>
</html>2개의 자바스크립트 Set 을 만든 후 첫번째는 for of 로 반복을 실행하고 두번째는 foreach 구문을 사용하여 반복을 실행하였다.
구문의 차이가 있을 뿐 데이터집합인 Set 의 처음부터 마지막까지 반복을 실행하는 동작은 같다.
참고로 Set 의 특성 중 중복값은 제거되는 특성을 상기하자.
결과 화면을 보자.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 Map 사용하기 키와 값을 쌍으로 가진 데이터 타입 using javascript Map Data Object (0) | 2022.06.17 |
|---|---|
| 자바스크립트 Set 반복 가능 객체 확인 Checking javascript iterator Set Values method (0) | 2022.06.14 |
| 자바스크립트 Set 값 삭제하기 deleting javascript Set value (0) | 2022.06.07 |
| 자바스크립트 세트 Set 값 추가하기 using add method in javascript Set (0) | 2022.06.05 |
| 자바스크립트 set 세트 만들고 출력하기 creating javascript set (0) | 2022.06.01 |
댓글