6. Set 와 Weakset --- 2019 - 09 - 02

3218 단어
1. Set 의 정의: Set 는 ES6 에서 새로 제공 한 데이터 구조 로 배열 Array 와 유사 하 며 Set 자체 도 구조 함수 로 Set 데이터 구 조 를 생 성 하 는 데 사용 된다.
2. 기본 문법, 용법:
//(1)     Set  
let set = new Set()
console.log(set) // Set(0) {}

//(2)             Set  
let set = new Set([1, 2, 3, 4, 5]) // Set              ,        Set    
console.log(set) // Set(5) {1, 2, 3, 4, 5}

//(3)                Set  
let set = new Set('abcde')
console.log(set) // Set(5) {"a", "b", "c", "d", "e"}

//(4)               (         length        );
let dv = document.getElementsByTagName('div')
let set = new Set(dv)
console.log(set) // Set(5) {div, div, div, div, div}

3. 사용 주의사항:
// (1)Set        ,          (                 );
let set = new Set([1, 2, 3, 4, 5, 3, 2, 1, 2])
console.log(set) // Set(5) {1, 2, 3, 4, 5}

// (2)  Set       ,        
let set = new Set();
set.add(5)
set.add('5')
console.log(set) // Set(2) {5, "5"}

let set = new Set();
let a = NaN;
let b = NaN;
set.add(a);
set.add(b);
set // Set {NaN}

//   :Set            ,       “Same-value-zero equality”,           (===),
//         Set       NaN    ,          NaN     。

4. Set 인 스 턴 스 에 존재 하 는 속성 과 방법:
//(1)set.size  ,  set     ,    length  
let set = new Set([1, 2, 3, 4, 5]);
console.log(set) // Set(5) {1, 2, 3, 4, 5}
console.log(set.size) // 5

// (2)set.add()  :         ,         set   ;   Set     ;
let set = new Set([1, 2, 3]);
set.add(6)
set.add([1,7,8])
console.log(set) // Set(5) {1, 2, 3, 6, Array(3)}

// (3)set.delete()  :    set           ,    set   ,         ,          
let set = new Set([1, 2, 3, 4, 5]);
let isDelete = set.delete(1);
console.log(isDelete) // true
console.log(set) // Set(4) {2, 3, 4, 5}

// (4)set.has()  :       ,       Set   。
let set = new Set([1, 2, 3, 4, 5]);
let isHas1 = set.has(5);
let isHas2 = set.has(6);
console.log(isHas1, isHas2) // true false

// (5)set.clear()  :      ,     。
let set = new Set([1, 2, 3, 4, 5]);
set.clear()
console.log(set) // Set(0) {}

5. Set 형식 데이터 옮 겨 다 니 기
//   :   Set       ,    (             ),  keys   values         。
let set = new Set(['red', 'green', 'blue']);
console.log(set.keys()) // SetIterator {"red", "green", "blue"}
console.log(set.values()) // SetIterator {"red", "green", "blue"}
console.log(set.entries()) // SetIterator {"red" => "red", "green" => "green", "blue" => "blue"}

    //     Set  
    for (const item of set) {
      console.log(item) 
      // red 
      // green 
      // blue
    }

    //   Set   keys  
    for (const keys of set.keys()) {
      console.log(keys)
       // red 
      // green 
      // blue
    }

    //   Set   values  
    for (const val of set.values()) {
      console.log(val)
      // red 
      // green 
      // blue
    }

    //   Set   entries  
    for (const items of set.entries()) {
      console.log(items)
      //  ["red", "red"]
      //  ["green", "green"]
      //  ["blue", "blue"]
    }

좋은 웹페이지 즐겨찾기