新しい es6 データ構造とは何ですか?

新しい構造は次のとおりです: 1. 一意の値を表す関数構造であるシンボル 2. 配列に似た「セット」構造を参照するセット。非反復データ; 3. WeakSet、Set と同様、内部データは重複値を持つことができません; 4. Map、マッピング関係を格納できる「辞書」構造を指します。

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

ES6 新しいデータ構造

1、シンボル

シンボルはES6 Oneの新しい基本データ型の は関数です。Symbol関数から返される各Symbol値は一意であり、symbol値はオブジェクト属性の識別子として機能し、その唯一の目的を持ちます。

const s1 = Symbol() const s2 = Symbol() console.log(s1 === s2); // false

symbol as key

最初の方法は、それをオブジェクトのリテラルに直接追加することです。

// symbol作为key const obj = { [s1]:'abc', [s2]:'cc', }

2 番目の方法は、配列を追加して追加することです。

// 需要用数组方式来获取，不能通过点语法，否则会获取到字符串key console.log(obj[s1]);

3 番目の方法は、オブジェクトのdefinePropertyメソッドを使用して追加することです。

const s4=Symbol() Object.defineProperty(obj,s4,{ configurable:true, enumerable:true, writable:true, value:'ff' })

シンボルを通じて対応する値を取得します

ドット構文ではなく、配列モードで取得する必要があります。そうでない場合は、文字列キーが取得されます。

console.log(obj[s1]);

symbolを暗黙的にstring型に変換することはできません。

注: Symbol 関数のパラメーターはシンボル記述子であり、これは ES10 の新機能です

let Sym = Symbol("Sym") alert(Sym) // TypeError: Cannot convert a Symbol value to a string

1 つを直接alertすることはできませんsymbolオブジェクトですが、toStringまたは.descriptionを通じてsymbolオブジェクトの記述子を取得できます。

let sym = Symbol('a') console.log(sym.description); // 'a'

シンボルのトラバース

forトラバーサルおよびobject.keysを使用する場合、symbol を取得できません。正常です。objectには、オブジェクト内のすべてのシンボルのキーを取得するために使用されるgetOwnPropertySymbolsメソッドも用意されています。

const sKeys=(Object.getOwnPropertySymbols(obj)); for(const skey of sKeys){ console.log(obj[skey]); }

グローバル シンボル オブジェクトの登録

複数のsymbolの値を一貫させる必要がある場合は、## を渡すことができます。 #symbol提供される静的メソッドforメソッドは、値の一貫性を保つために同じ記述子を渡します。

Symbol.for

const sa=Symbol.for('cc') const sb=Symbol.for('cc') console.log(sa===sb); //true

Symbol.keyFor

symbolの記述子を取得するために使用されます。

const key =Symbol.keyFor(sb) console.log(key); // c

2. Set

Setオブジェクト (配列に似ています) を使用すると、任意のデータ型を保存できます。ただし、値を繰り返すことはできません。

const s1 = new Set() s1.add(10) s1.add(20) s1.add(30) s1.add(40) console.log(s1) // Set(4) { 10, 20, 30, 40 } s1.add(20) console.log(s1) // Set(4) { 10, 20, 30, 40 }

共通メソッドの設定

WeakSetは

と同様のデータ構造であり、内部データは重複した値を持つことができません。これとSet

• WeakSetの違いはオブジェクト型のみを保存でき、基本データ型は保存できません
  • WeakSetこれは要素への弱参照です
  基本的な使用法

const weakSet = new WeakSet(); let obj = { name: "_island" }; weakSet.add(obj);

WeakSet 共通メソッド

const obj1 = { name: "_island" }; const obj2 = { name: "QC2125" }; const obj3={ [obj1]:'a', [obj2]:'b', } console.log(obj3); // { '[object Object]': 'b' }

const obj1 = { name: "_island" }; const obj2 = { name: "QC2125" }; const map = new Map(); map.set(obj1, "a"); map.set(obj2, "b"); console.log(map); // Map(2) { { name: '_island' } => 'a', { name: 'QC2125' } => 'b' } // or const map2 = new Map([[obj1,'a'],[obj2,'b']])

map2.forEach((item) => console.log(item));

for ([val, key] of map2) { console.log(`${key}---${val}`); }

const weakMap = new WeakMap(); weakMap.set(obj, "a"); console.log(weakMap.get(obj)); // a