JavaScript での Map オブジェクトの解析 (例付き)

この記事は JavaScript での Map オブジェクトの解析に関するものです (サンプル付き)。必要な方は参考にしていただければ幸いです。

1. マップ オブジェクトを作成します。

マップ オブジェクトはキーと値のペアを保存します。任意の値 (オブジェクトまたはプリミティブ) をキーまたは値として使用できます。

1 コンストラクター

構文: new Map([iterable])
パラメーター:

iterable は、配列またはその他の反復可能なオブジェクトであり、その要素はキーと値のペアまたは 2 つの要素の配列のいずれかです。各キーと値のペアは新しいマップに追加され、null が処理されます。マップ インスタンスのプロパティ

myMap.size アクセス可能なプロパティは、マップ オブジェクトの要素の数を返します。

size の値。このプロパティは整数で、Map オブジェクトが持つキーと値のペアの数を示します。 size は読み取り専用属性であり、対応する set メソッドは未定義です。つまり、その値は変更できません。

let arr = [1,2,3];
let myMap = new Map(arr.entries());
console.log(myMap.get(0)); // 1

3 マップ インスタンス メソッド

##。 #1.set ()

構文: myMap.set(key, value)

パラメータ:

キーは必須です。マップに追加される要素のキー値object

値は必須です。 Map オブジェクトに追加された要素の値を入力します。

let myMap = new Map();
myMap.set("a", "alpha");
myMap.set("b", "beta");
myMap.set("g", "gamma");
console.log(myMap.size); // 3

2.get()

構文: myMap.get(key )

パラメータ ：

key 取得したい要素のキー

戻り値: キーが見つからない場合は、Map オブジェクト内で指定されたキーに関連付けられた値を返します。 、未定義

let myMap = new Map();
myMap.set("bar", "foo");
 myMap.set(1, "foobar");
// 在Map对象中更新一个新元素
myMap.set("bar", "baz");

が返されます

3.has()

構文: myMap.has(key)

パラメータ:

キーは必須です、指定された要素にキー値があるかどうかを検出するために使用されます。

戻り値: 指定された要素がマップ内に存在する場合は true を返します。それ以外の場合は false を返します

let myMap = new Map();
myMap.set("bar", "foo");
console.log(myMap.get("bar"));  // "foo"
console.log(myMap.get("baz"));  // undefined

4.delete() メソッドは、Map オブジェクト内の指定された要素を削除するために使用されます

構文: myMap.delete(key)

パラメータ:

キーは、Map オブジェクトから削除された要素のキーである必要があります。

戻り値: 要素が Map オブジェクトに存在する場合は削除し、そうでない場合は true を返します。要素が存在しない場合は、false

let myMap = new Map();
myMap.set("bar", "foo");
console.log(myMap.has("bar"));  // returns true
console.log(myMap.has("baz"));  // returns false

5 を返します。clear() メソッドは Map オブジェクト内のすべての要素を削除します

構文: myMap.clear()

let myMap = new Map();
myMap.set("bar", "foo");
myMap.delete("bar"); // 返回 true。成功地移除元素
console.log(myMap.size); // 0

6.entries()

構文: myMap.entries()

戻り値: [key, value] Iterator オブジェクトを含む新しいペアを返します。 、返されるイテレータの反復順序は、Map オブジェクトの挿入順序と同じです。

let myMap = new Map();
myMap.set("bar","baz");
myMap.set(1,"foo");
console.log(myMap.size); // 2
myMap.clear();

7.keys() は、新しい Iterator オブジェクトを返します。これには、Map オブジェクトに順番に挿入された各要素のキー値が含まれています。

構文: myMap.keys()

let myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");
let mapIter = myMap.entries();
console.log(mapIter.next().value); // ["0", "foo"]
console.log(mapIter.next().value); // [1, "bar"]
console.log(mapIter.next().value); // [Object, "baz"]

8.values() メソッドは新しい値を返します。イテレータオブジェクト。これには、Map オブジェクトに挿入された各要素の値が次の順序で含まれます。

# 構文: myMap.values()

let myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");
let mapIter = myMap.keys();
console.log(mapIter.next().value); // "0"
console.log(mapIter.next().value); // 1
console.log(mapIter.next().value); // Object

9.forEach()

構文: myMap.forEach(callback[, thisArg])パラメータ:

コールバックが必要です。各要素に対して実行される関数です。

thisArg はオプションです。コールバックが実行される this

let myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");
let mapIter = myMap.values();
console.log(mapIter.next().value); // "foo"
console.log(mapIter.next().value); // "bar"
console.log(mapIter.next().value); // "baz"

の値

以上がJavaScript での Map オブジェクトの解析 (例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。