Jquery は Map オブジェクト、配列、オブジェクト間の変換をどのように実現しますか

JQuery では、配列やオブジェクトを走査する必要がある状況によく遭遇します。 Map オブジェクトを使用すると、トラバース操作が大幅に容易になります。この記事では、JQuery での Map オブジェクトの使用法と、Map オブジェクトを配列やオブジェクトに変換する方法について説明します。

1. JQuery での Map オブジェクトの使用

Map オブジェクトは、他のプログラミング言語の「辞書」または「ハッシュ テーブル」に似ており、キーと値のペアを格納するために使用されます。 JQuery の Map オブジェクトは主に set と get の 2 つのメソッドで構成されます。

1. set メソッド

set メソッドは、キーと値のペアを Map オブジェクトに追加するために使用されます。構文は次のとおりです。

Map.set(key, value);

このうち、key は追加するキー、value は追加する値を表します。例:

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);

現時点では、myMap には「apple」と「orange」という 2 つのキーと値のペアがあります。

2. get メソッド

get メソッドは、Map オブジェクトから指定されたキーの値を取得するために使用されます。構文は以下のとおりです。

Map.get(key);

このうち、keyは値を取得するためのキーを表します。例:

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var appleNum = myMap.get("apple"); // appleNum等于2

2. Map オブジェクトと配列およびオブジェクト間の変換

Map オブジェクトは JQuery で使用すると非常に便利ですが、実際の開発では Map オブジェクトを変換する必要もあります。配列またはオブジェクトであるシーン。これらの変換を実装する方法は次のとおりです。

1. Map オブジェクトは配列に変換されます

Map オブジェクトは配列に変換されます。これは ES6 のスプレッド演算子を通じて実現できます。構文は次のとおりです。

[...Map];

例:

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var myArray = [...myMap];
console.log(myArray); // [["apple", 2], ["orange", 3]]

2. Map オブジェクトは object に変換されます

Map オブジェクトは、 Object.fromEntries メソッド。構文は次のとおりです。

Object.fromEntries(Map);

例:

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var myObj = Object.fromEntries(myMap);
console.log(myObj); // {apple: 2, orange: 3}

3. 配列を Map オブジェクトに変換

配列を Map オブジェクトに変換します。これは実現できます。配列を走査することによって。構文は次のとおりです。

new Map(array);

このうち、array は変換対象の配列を表します。例:

var myArray = [["apple", 2], ["orange", 3]];
var myMap = new Map(myArray);
console.log(myMap); // Map {"apple" => 2, "orange" => 3}

4. オブジェクトは Map オブジェクトに変換されます

オブジェクトは Map オブジェクトに変換されます。これは、オブジェクトをトラバースすることで実現できます。構文は次のとおりです。

new Map(Object.entries(obj));

このうち、obj は変換対象のオブジェクトを表します。例:

var myObj = {apple: 2, orange: 3};
var myMap = new Map(Object.entries(myObj));
console.log(myMap); // Map {"apple" => 2, "orange" => 3}

3. 概要

この記事では、JQuery での Map オブジェクトの使用法と、Map オブジェクト、配列、オブジェクト間の変換を実現する方法を紹介します。

Map オブジェクトを使用すると、キーと値のペアを簡単に保存でき、変換メソッドを使用すると、さまざまなシナリオでさまざまなデータ型を使用できます。この記事が、開発者がプロ​​グラミングに JQuery をより適切に使用するのに役立つことを願っています。

以上がJquery は Map オブジェクト、配列、オブジェクト間の変換をどのように実現しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。