ES6 Javascript : set()자료구조 - keys(), values()

https://www.scaler.com/topics/javascript/map-and-set-javascript/

set 자료구조는 이전 python에서 학습했던 개념과 똑같았다.

중복이 될 수 없고! 인덱스 접근이 불가능하며! 생성자 new로 Set을 선언해주어야한다.

let test=new Set(["apple","banana","watermelon")] //Set은 생성할때 new Set()
test.add("orange") //추가
test.add("tiger")
test.delete("tiger") //삭제
console.log(test[0]) // undefinded --> set은 index접근이 불가능하다.(배열과 다른점)

for(let i in test){
	console.log(i)
} 
//undefined --> index 접근이 불가능함!

for(let i of test){
	console.log(i)
}
/*  apple
    banana
    watermelon
    orange	*/

 

 

 

출력시 유용한 Spread 연산자

Spread 연산자는 Iterable Object의 요소를 하나씩 분리하여 전개

let testArr=['a', 'b', 'c', 'd']
console.log(...testArr) // a b c d
console.log([...testArr])//['a', 'b', 'c', 'd']
console.log([..'hello']) //['h', 'e', 'l', 'l', 'o']

 

Spread 연산자를 이용해 Set객체를 쉽게 배열 객체로 바꿀 수 있다.

let arr=[...test]
console.log(test) // {"apple", "banana", "watermelon", "orange"}
console.log(arr) //["apple", "banana", "watermelon", "orange"] 
console.log(arr[0]) // apple

 

또한 Set에는 keys(), values() 메서드가 존재한다.

이를 활용해 iterator객체를 하나 더 반환한다.

const key_itr =test.keys();
console.log(key_itr.next().value); //apple
console.log(key_itr.next().value); //banana
console.log(key_itr.next().value); //watermelon
console.log(key_itr.next().value); //orange

const val_itr =test.values();
console.log(val_itr.next().value); //apple
console.log(val_itr.next().value); //banana
console.log(val_itr.next().value); //watermelon
console.log(val_itr.next().value); //orange