자바스크립트의 Set 을 사용할 때 반복 가능한지 내부의 값이 있는지 확인하기 위해 values() 메서드를 사용할 수 있다. 이 메서드는 Set 메서드 뿐만 아니라 다른 반복 가능한 iterator 한 데이터들에도 적용되며 반복문을 사용하지 않더라도 개발자모드인 디버그창에서 직접 값을 확인할 수 있다.
자바스크립트 Set 반복 가능 객체 확인
Checking javascript iterator Set Values method
개발을 하기 위해 코딩을 하다 보면 변수의 데이터형을 알고 싶을 때가 있고 값이 존재하는지 확인하고 싶을 때가 있다.
변수 등에 마우스를 올려두면 표시되긴 하지만 천천히 확인해 볼 필요가 있다.
반복가능한 값들 경우 values() 메서드를 이용하면 이것이 반복가능한 객체인지 객체로써 확인해 볼 수 있다.
물론, 값을 직접적으로 보여주진 않으며 단지 반복가능한 객체인 iterator object 형태의 메세지를 보여주고 Set 에 있는 값들을 보여준다.
개발자 모드에서 이 속성을 따라 찾으면 어떤 속성의 어떤 값이 있는지 많은 정보를 볼 수 있다.
반복가능 객체인가 확인
자바스크립트의 자료형은 대부분 객체로써 존재한다. 이 중 반복 가능한 객체들은 iterator 라고 하는데 데이터의 집합인 자료형이다.
value() 메서드를 이용하면 자료형의 형태와 함께 값을 확인해 볼 수 있다.
이런 반복 가능한 객체들은 Set 말고도 Map이나 배열 등에서도 확인해 볼 수 있다.
아래는 Set 데이터형에 values() 메서드를 사용하여 데이터형과 값을 확인해 보는 방법을 보여준다.
Set.values();샘플코드
위의 values() 속성을 이용하여 Set 에 있는 데이터형태를 확인하고 내부에 있는 데이터들을 확인해 보도록 하자.
먼저, Set 데이터를 하나 준비하고 values() 메서드를 사용해 보도록 한다.
개발자모드에서 출력하여 확인할 수 있도록 console.log() 메서드를 사용한다.
아래의 코드를 보자.
<!DOCTYPE html>
<html>
<body>
<script>
const colSet3 = new Set(["다우산업", "나스닥", "나스닥", "홍콩H", "상해종합", "니케이225"]);
console.log(colSet3.values());
</script>
</body>
</html>코드는 간단하다.
Set 데이터를 만들고 values() 메서드 확인을 위해 출력문을 사용하였다.
values() 메서드를 사용하면 Set의 데이터형태의 내부의 데이터가 어떤 것이 있는지를 확인해 볼 수 있다.
결과 화면을 보자.
간단한 코드로 데이터의 형태를 확인해 볼 수 있다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 Map 값 추가하기 adding value at Map (0) | 2022.06.20 |
|---|---|
| 자바스크립트 Map 사용하기 키와 값을 쌍으로 가진 데이터 타입 using javascript Map Data Object (0) | 2022.06.17 |
| 자바스크립트 Set 반복문 2가지 사용 방법 using javascript set for statement (0) | 2022.06.10 |
| 자바스크립트 Set 값 삭제하기 deleting javascript Set value (0) | 2022.06.07 |
| 자바스크립트 세트 Set 값 추가하기 using add method in javascript Set (0) | 2022.06.05 |
댓글