내장 세트 객체

세트


Set는 JavaScript의 ES6 버전에 도입된 내장 JavaScript 객체입니다. JavaScriptSet 객체를 사용하면 기본 또는 객체 참조에 상관없이 모든 데이터 유형의 고유한 값을 저장할 수 있습니다.

즉, 각 값이 Set 개체에서 한 번만 발생할 수 있는 값의 컬렉션입니다. 삽입 순서(Set.add() 메서드를 사용하여 집합 개체에 요소가 삽입되는 순서)로 설정된 객체의 고유한 값을 통해 반복할 수 있습니다.

세트 만들기



JavaScript Set 개체는 다음을 통해 만들 수 있습니다.
  • 배열을 new Set()에 전달
  • Set 객체를 생성하고 Set.add()를 사용하여 값 또는 변수를 추가합니다.


  • 새로운 세트() 사용



    JavaScript Set 객체를 만들려면 값 배열을 생성자에 전달해야 합니다new Set(). 예를 들어,

    // creating a set object
    const colors = new Set(["red", "green", "blue"]);
    
    // logging the size of a set object
    console.log(colors.size); // output: 3 
    

    여기서는 문자열 값의 배열을 생성자 즉 new Set() 에 전달합니다.

    Set.add() 사용



    JavaScript 집합을 만드는 또 다른 방법은 new Set() 생성자를 사용하여 집합 개체를 만든 다음 Set.add() 메서드를 사용하여 값을 추가하는 것입니다. 예를 들어,

    // creating a set object
    const colors = new Set();
    
    // adding values
    colors.add("red");
    colors.add("green");
    colors.add("blue");
    
    // logging the size of set object
    console.log(colors.size); // output: 3 
    

    이 예에서는 집합 개체에 세 개의 문자열 값을 추가합니다. Set.add() 메서드는 값 또는 변수가 될 수 있는 단일 매개 변수를 사용합니다.

    변수를 Set.add() 메서드에 전달할 수도 있습니다. 예를 들어,

    // creating a set object
    const colors = new Set();
    
    // declaring and initializing variables
    let r = "red";
    let g = "green";
    let b = "blue";
    
    // adding values
    colors.add(r);
    colors.add(g);
    colors.add(b);
    
    // logging the size of a set object
    console.log(colors.size); // output: 3 
    

    동일한 값을 여러 번 추가하면 첫 번째 값만 설정된 개체에 저장됩니다. 예를 들어,

    // creating a set object
    const colors = new Set();
    
    // adding values
    colors.add("red");
    colors.add("green");
    colors.add("green");
    colors.add("green");
    colors.add("blue");
    
    // logging the size of a set object
    console.log(colors.size); // output: 3 
    


    Set.delete() 사용


    Set.delete() 메소드는 Set 객체에서 값을 삭제하는 데 사용됩니다. 삭제하려는 Set.delete() 메서드에 값을 전달해야 합니다. 예를 들어,

    // creating a set object
    const colors = new Set();
    
    // adding values
    colors.add("red");
    colors.add("green");
    colors.add("blue");
    
    // deleting element
    colors.delete("green");
    
    // logging the size of a set object
    console.log(colors.size); // output: 2 
    
    green 값이 개체에서 삭제되었습니다.

    Set.clear() 사용


    Set.clear() 메소드는 설정된 객체에서 모든 값을 삭제하는 데 사용됩니다. 예를 들어,

    // creating a set object
    const colors = new Set();
    
    // adding values
    colors.add("red");
    colors.add("green");
    colors.add("blue");
    
    // deleting all elements
    colors.clear();
    
    // logging the size of set object
    console.log(colors.size); // output: 0
    


    forEach()를 사용한 반복 세트



    설정된 개체는 Set.forEach() 메서드를 사용하여 반복할 수 있습니다. Set.forEach() 세트의 각 값에 대한 콜백을 호출합니다. 예를 들어,

    // creating a set object
    const colors = new Set();
    
    // adding values
    colors.add("red");
    colors.add("green");
    colors.add("blue");
    
    // iterating over set values
    colors.forEach((value) => {
        console.log(`${value}`);
    });
    
    // Output:
    // red
    // green
    // blue
    


    마무리!



    이 게시물의 전부입니다. 읽어 주셔서 감사합니다. 다음에 또 봐.


    💻 행복한 코딩





    모아잠 알리 팔로우



    Frontend Developer • Creative Web Developer • Opensource Dev

    좋은 웹페이지 즐겨찾기