ホームページ >ウェブフロントエンド >jsチュートリアル >Mapの一般的なメソッドのまとめ
Map は ES6 で追加された新しいデータ構造です。実際、機能は似ています。以下の記事では、ES6 の一般的な学習方法を中心にまとめて紹介していますので、必要な方は参考にしてみてください。
はじめに
ES6 には、JS をより強力で表現力豊かにする多くの新しい言語機能が含まれています。この記事では、ES6 の Map の一般的なメソッドについて詳しく説明します。早速、詳細を見てみましょう:
1. Map 構造を配列構造に変換します
より高速な方法は、スプレッド演算子 (...) を使用します
let map = new Map([ [1, 'one'], [2, 'two'], [3, 'three'], ]); [...map.keys()] // [1, 2, 3] [...map.values()] // ['one', 'two', 'three'] [...map.entries()] // [[1,'one'], [2, 'two'], [3, 'three']] [...map] // [[1,'one'], [2, 'two'], [3, 'three']]
2.Map ループ トラバーサル
Map はネイティブに 3 つのトラバーサーを提供します:
keys(): を返すトラバーサーキーの名前。
values(): キー値のトラバーサーを返します。
entries(): すべてのメンバーのトラバーサーを返します。
以下は使用例です。
let map = new Map([ ['F', 'no'], ['T', 'yes'], ]); for (let key of map.keys()) { console.log(key); } // "F" // "T" for (let value of map.values()) { console.log(value); } // "no" // "yes" for (let item of map.entries()) { console.log(item[0], item[1]); } // "F" "no" // "T" "yes" // 或者 for (let [key, value] of map.entries()) { console.log(key, value); } // 等同于使用map.entries() for (let [key, value] of map) { console.log(key, value); }
上記のコードの最後の例は、Map 構造体のデフォルトのイテレータ インターフェイス (Symbol.iterator プロパティ)、つまりエントリ メソッドを表しています。
map[Symbol.iterator] === map.entries // true
3.Map 長さを取得
map.size;
4.Map 最初の要素を取得
const m = new Map(); m.set('key1', {}) m.set('keyN', {}) console.log(m.entries().next().value); // [ 'key1', {} ]
最初の鍵を入手
最初の値を取得します
console.log(m.keys().next().value); // key1
以上がMapの一般的なメソッドのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。