本篇內(nèi)容介紹了“Jquery如何實(shí)現(xiàn)Map對(duì)象和數(shù)組、對(duì)象之間的轉(zhuǎn)換”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),疏勒企業(yè)網(wǎng)站建設(shè),疏勒品牌網(wǎng)站建設(shè),網(wǎng)站定制,疏勒網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,疏勒網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
一、JQuery中Map對(duì)象的使用
Map對(duì)象類似于其他編程語言中的“字典”或“哈希表”,用于存儲(chǔ)鍵值對(duì)。JQuery中Map對(duì)象主要由兩個(gè)方法組成:set和get。
set方法
set方法用于向Map對(duì)象中添加鍵值對(duì)。其語法如下:
Map.set(key, value);
其中,key代表要添加的鍵,value代表要添加的值。例如:
var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
此時(shí),myMap中就有兩個(gè)鍵值對(duì),即"apple"和"orange"。
get方法
get方法用于從Map對(duì)象中獲取指定鍵的值。其語法如下:
Map.get(key);
其中,key代表要獲取值的鍵。例如:
var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var appleNum = myMap.get("apple"); // appleNum等于2
二、Map對(duì)象和數(shù)組、對(duì)象之間的轉(zhuǎn)換
Map對(duì)象在JQuery中使用十分方便,但實(shí)際開發(fā)中我們也會(huì)遇到需要將Map對(duì)象轉(zhuǎn)換為數(shù)組或?qū)ο蟮膱?chǎng)景。下面介紹如何實(shí)現(xiàn)這些轉(zhuǎn)換。
Map對(duì)象轉(zhuǎn)換為數(shù)組
Map對(duì)象轉(zhuǎn)換為數(shù)組,可以通過ES6中的擴(kuò)展運(yùn)算符來實(shí)現(xiàn)。其語法如下:
[...Map];
例如:
var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var myArray = [...myMap];
console.log(myArray); // [["apple", 2], ["orange", 3]]
Map對(duì)象轉(zhuǎn)換為對(duì)象
Map對(duì)象轉(zhuǎn)換為對(duì)象,可以通過使用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}
數(shù)組轉(zhuǎn)換為Map對(duì)象
數(shù)組轉(zhuǎn)換為Map對(duì)象,可以通過遍歷數(shù)組的方式實(shí)現(xiàn)。其語法如下:
new Map(array);
其中,array代表要轉(zhuǎn)換的數(shù)組。例如:
var myArray = [["apple", 2], ["orange", 3]];
var myMap = new Map(myArray);
console.log(myMap); // Map {"apple" => 2, "orange" => 3}
對(duì)象轉(zhuǎn)換為Map對(duì)象
對(duì)象轉(zhuǎn)換為Map對(duì)象,可以通過遍歷對(duì)象的方式實(shí)現(xiàn)。其語法如下:
new Map(Object.entries(obj));
其中,obj代表要轉(zhuǎn)換的對(duì)象。例如:
var myObj = {apple: 2, orange: 3};
var myMap = new Map(Object.entries(myObj));
console.log(myMap); // Map {"apple" => 2, "orange" => 3}
“Jquery如何實(shí)現(xiàn)Map對(duì)象和數(shù)組、對(duì)象之間的轉(zhuǎn)換”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!