ES6 の Set および WeakSet コレクションの詳細な説明

/*
 * インスタンス化のみ: パラメータを渡さずにコンストラクタを呼び出す*/ 
empty_set = new Set() とする    


/*
 * インスタンス化と初期化: 任意の反復オブジェクトを渡し、それを Set コレクションに変換します */ 
transfer_set4arr = new Set([1, 2, 3]) とします。
// Set(3) {1, 2, 3} を返す

transfer_set4string = new Set("huilin") とします。
// Set(5) {"h", "u", "i", "l", "n"} を返します

transfer_set4set = new Set(new Set([5, 6])) とします。
// Set(2) { 5, 6 } を返す

console.log(empty_set.size) // 0
コンソール.log(transfer_set4arr.size) // 3

// Array.includes() と比較すると、Set.has() はメンバーシップテストに最適化されているため、パフォーマンスが高くなります console.log(empty_set.has(1)) // false
console.log(transfer_set4arr.has('h')) // 真

n1 = NaNとする
n2 = NaNとする

コンソールログ(n1 === n2)  
// 同一性シンボルが2つが矛盾していると判断した場合は、falseを出力します

コンソールログ(Object.is(n1,n2)) 
// しかしObject.is()は2つが同じであると判断し、falseを出力します

// Set コレクションでは 2 つの NaN をコレクションに入れることはできません。let set = new Set()
設定します。追加します(n1)。追加します(n2)
コンソールログ(サイズ設定)   
// サイズ: 1

同じ値セットを新しいSet()にします。
// まずオブジェクトを保存します same_value_set.add({num: 0});
// 同じ構造を持つ新しいオブジェクトを保存します。let obj = {num: 0};
同じ値セットを追加します(obj);
// 両方とも正常に保存できます console.log(same_value_set.size); // 2

// add() メソッドは、プリミティブ値でもオブジェクト参照でも、任意のタイプのデータを追加できます。let set1 = new Set()
// add() メソッドは常に現在のインスタンスへの参照を返すため、連鎖呼び出しが行われます: set1.add(1).add(2).add(3)
console.log(set1) // Set(3) {1, 2, 3}

// 注意: add() が配列に渡されると、Set は配列の要素ではなく、配列インスタンスをセットに挿入します。set1.add([4, 5])
console.log(set1) // Set(4) {1, 2, 3, [4, 5]}

// delete() メソッドは、.has() メソッドと同様に、削除操作が成功したかどうかを返します。let success = set1.delete(1)
console.log(成功)
// 真実

num_set = new Set([1, 6, 3]) とします。
コンソール.log(数値セット)
// セット(3) { 1, 6, 3 }

set1.クリア()
コンソール.log(数値セット)
// セット(0) {}

set = new Set([1, 2, 3, 4, 5]) とします。
for(let 集合の項目){
    コンソール.log(アイテム)
}
// 順番に出力: 1 2 3 4 5

/*
 * イテレータを作成する方法は3つあります * Set.prototype.entries()
 * Set.prototype.keys()
 * Set.prototype.values()
 */ 

// Set コレクションには値のみがあり、キーはありませんが、Map オブジェクトのトラバースに似せるために、Set.entries() が新しい Iterator オブジェクトを作成すると、各項目のキーと値は等しくなります (つまり、[値、値])。
for(let [キー,値] of set.entries()){
    console.log(値)
}
// 順番に出力: 1 2 3 4 5

// Set.keys() は新しい Iterator オブジェクトを作成し、各値を返します for(let key of set.keys()){
    console.log(キー)
}
// 順番に出力: 1 2 3 4 5

// Set.values() は Set.keys() と一貫性があり、各項目の値を返します for(let value of set.values()){
    console.log(値)
}
// 順番に出力: 1 2 3 4 5

// forEach(callbackFn) は挿入順に callbackFn を呼び出し、各値を取得します。set.forEach(item => {
    コンソール.log(アイテム)
})
// 順番に出力: 1 2 3 4 5

/*
 * 配列に設定
 */
set1 = new Set([1, 2, 3]) とします。
// Array.from() メソッド let arr1 = Array.from(set1)  
// 拡張演算子 let arr2 = [...set1]  

/*
 * 設定する配列
 */
 // Setコンストラクタを使用する let set = new Set(array)

set = new Set([1, 2, 4, 4, 2, 5]) とします。
コンソール.log(設定)
// セット(4) { 1, 2, 4, 5 }

arr1 = [1, 2, 4]とします。
arr2 = [1, 5, 6]とする

// Set コレクションの特性を利用して、セット内の要素は一意になります。let result = new Set([...set1, ...set2]) 
console.log(結果)
// セット(5) { 1, 2, 4, 5, 6 }

set1 = new Set([1, 2, 4]) とします。
set2 = new Set([1, 5, 6]) とします。

// set1 と set2 の両方に存在する要素を返します。let result = new Set([...set1].filter(x => set2.has(x))) 
console.log(結果)
// セット(1) { 1 }

set1 = new Set([1, 2, 4]) とします。
set2 = new Set([1, 5, 6]) とします。

関数 isMixed(セット、サブセット) {
    for (let 要素をサブセットとする) {
        if (set.has(elem)) {
            true を返します。
        }
    }
    false を返します。
}

コンソールログ(isMixed(set1, set2))
// 真実

set1 = new Set([1, 2, 4]) とします。
set2 = new Set([1, 5, 6]) とします。

関数の差(setA, setB) {
    結果 = new Set() とする
    (setBの要素をlet) {
        (setA.has(elem))の場合{
            結果.add(要素)
        }
    }
    結果を返します。
}

console.log(差異(set1、set2))

val1 = {id: 1}とします。
    val2 = {id: 2}

ws = new WeakSet() とします。

// Setコレクションと同様に、WeakSetの値は重複しません。同時に、add()もセットインスタンスを返すため、チェーン操作ws.add(val1).add(val1).add(val2)を使用できます。

// 基本データ型の挿入は許可されていません ws.add(3)
// エラー: TypeError: WeakSet で無効な値が使用されています

// ただし、最初にオブジェクトにラップしてから挿入することもできます。let val3 = new Number(3)
ws.add(val3)
コンソールログ(ws.has(val3))
// 出力: true

// オブジェクトを宣言する let handsome = {
    名前: 'huilin'、
    年齢: 30
}

// 配列に入れる let arr = [1, handsome, 2]
console.log('arr の長さの前に解放', arr.length) // 3

// マップに入れる
ユーザー = {
    oid: 10001,
    分類: '中国語'、
    スタッフ参考：ハンサム
}
console.log('マップの長さの前に解放', Object.keys(user).length) // 3

コンソールログ('----')

// 突然オブジェクトをnullに設定する
ハンサム = ヌル
// 強く参照されたコンテナでは、オブジェクトはまだ存在し、リサイクルされていません console.log('release after arr length', arr.length) // 3
console.log(arr[1]) // { 名前: 'huilin'、年齢: 30 }
console.log('マップの長さの後に解放', Object.keys(user).length) // 3
console.log(user.staffReference) // { 名前: 'huilin'、年齢: 30 }

obj1 = {
    名前: 'huilin'、
    年齢: 30
}

obj2 = {
    名前: 'cc',
    年齢: 29
}

ws1 = 新しいWeakSet() とする
ws1.add(obj1).add(obj2)
console.log(ws1.has(obj1)) // 真

// コンテナから操作された要素であるかどうかに関係なく ws1.delete(obj1)
console.log(ws1.has(obj1)) // 偽

// または、オブジェクト自体が null に設定されている場合、自動的にリサイクルされます。obj2 = null
console.log(ws1.has(obj2)) // 偽