JavaScript | Set 객체

7591 단어 자바스크립트es6

Set이란?



Set 객체는 값의 컬렉션입니다. 삽입 순서로 요소를 반복할 수 있습니다. Set에 중복되는 값은 저장할 수 없습니다. Set 내의 값은 컬렉션 내에서 고유합니다.
htps : //에서 ゔぇぺぺr. 어쩌면. 오 rg / 자 / 도 CS / 우 b

단순히 독특한 목록이라면 기억하십시오.

Set의 만드는 방법


let yoSet = new Set();

빈 Set의 내용을 봐 미유(검증 툴-Console)


console.log(yoSet);



size 프로퍼티는 0으로, prototype 안을 들여다 보면 배열과는 전혀 다른 메소드를 사용할 수 있는 것을 알 수 있다(add라든지 delete라든지)

그건 그렇고 이해하기 쉽기 때문에 여기를 사용하십시오.
JS Bin

요소를 Set에 추가


yoSet.add(1);
yoSet.add(2);

// 実行してconsoleを確認してみれば、 size(2) {1, 2} ってなってるはず
  • 메소드 체인도 가능
  • 
    yoSet.add(1).add(2)
    
  • Set는 중복을 허락하지 않는 것을 확인해 본다
  • yoSet.add(1).add(2).add(1).add(1).add(1).add(1)
    
    // size(2) {1, 2} のままのはず
    

    다른 방법을 사용해보십시오.



    has(value)



    루비의 include?
    console.log(yoSet.has(1)); //true
    console.log(yoSet.has(5)); //false
    

    delete (value)



    value에 지정된 요소를 지웁니다.
    console.log(yoSet.delete(1));
    
    // size(1) {2} になっていることを確認
    

    clear()



    요소를 모두 지우기 ※메소드 체인 할 수 없다
    yoSet.clear()
    
    // size(0) {} になっていることを確認
    

    Set 작성시 초기치를 건네준다


    
    const arr = [1, 2, 3];
    
    let yoSet = new Set(arr);
    
    // size(3) {1, 2, 3} となっていることを確認
    

    Set가 중복 값을 허용하지 않는다는 특성을 살펴보십시오.



    예를 들어, 많이 더빙한 요소가 들어 있는 배열이 있다고 해서 그 배열에서 중복된 값만을 제거하고 싶을 때
    단순히 for 루프 등으로 찾을 수 있지만 set을 사용하면 이렇게 쉽게 쓸 수 있습니다 ...!
    const arr = [1, 2, 3, 3, 3, 3, 2, 2, 2, 1, 1];
    
    let yoSet = new Set(arr);
    
    console.log([...yoSet]);
    
    // 期待する出力結果
    // [1, 2, 3]
    

    * [...yoSet] => 스퀘어 브래킷으로 둘러싸고, Set 앞에 dot를 3개 놓아 주면 배열로서 돌려준다

    중복을 제거하는 예


    let set1 = new Set(["yo","yo","yo","hey","hey", "hey"]); 
    // ["yo","hey"] 
    
    let set2 = new Set("yoooooooo!!wasuuuuuuuup!!"); 
    // ["y", "o", "!", "w", "a", "s", "u", "p"]
    

    함께 참고하고 싶은 기사



    JavaScript Set 객체

    좋은 웹페이지 즐겨찾기