Set

중복을 허용하지 않는 값을 모아놓은 특별한 컬랙션

---

1. new Set() => set을 생성

---

2. set.add(value) => 값을 추가

---

3. set.delete(value) => 값을 제거

---

4. set.has(value) => set내에 값이 존재하면 true를 리턴, 존재하지 않으면 false를 리턴

---

5. set.clear() => set을 배움

---

6. set.size => set 요소의 갯수

---

<script>
    let set = new Set();
    let person1 = { name: "재훈" };
    let person2 = { name: "수민" };
    let person3 = { name: "재원" };

    set.add(person1);
    set.add(person2);
    set.add(person3);
    set.add(person1);
    set.add(person2);

    console.log(set.size);
    console.log(set);

    let set2 = new Set(["a","b","c","d","e"]);
    console.log(set2);

    let numArr = [1,2,3,4,5,1,2,3,4,6,7]
    let set3 = new Set(numArr);
    let newArr = [...set3] // [1,2,3,4,5]
    console.log(numArr);
    console.log(newArr);
</script>

중복 제거

	let numArr= [1,2,3,4,5,1,2,3,6,7];
    let set= new Set(numArr);
    let newArr= [...set]; 👉[1,2,3,4,5,6,7]

이렇게 작성하면 numArr 에 있던 중복된 값이 제거된 뒤 다시 배열에 담긴다.

---

스크롤 이벤트

---

1. 스크롤 반환

document.documentElement.scrollTop;

---

2. 스크롤 이벤트 연결

document.addEventListener("scroll", function(){
window.scrollTo({top:index*winh, behavior:"smooth"})
})
스크롤 될 때 동작하는 코드
})

---

3. 스크롤 위치 이동

window.scrollTo({top: 200, behavior: "smooth"})

---

마우스 무브 이벤트

obj.addEventListener("mousemove",function(e){
e.pageX
e.pageY
})

---

윈도우 높이 구하기

구하는 방법

console에 window 찍기 -> innerHeight

innerHeight : 969

innerWidth : 1452