国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費學(xué)習(xí)課程

當(dāng)前位置:首頁  >  技術(shù)干貨  > 用法介紹jsnewmap()

用法介紹jsnewmap()

來源:千鋒教育
發(fā)布人:xqq
時間: 2023-11-23 16:26:03 1700727963

一、語法簡介

jsnewmap()是JavaScript中的一種內(nèi)置函數(shù),它用于創(chuàng)建一個新的Map對象。它的語法如下:


new Map([iterable])

其中,iterable是一個可迭代對象,如果指定了該參數(shù),那么該對象的所有元素都會被添加到新創(chuàng)建的Map對象中。

二、創(chuàng)建Map對象

使用jsnewmap()函數(shù)可以創(chuàng)建一個新的Map對象。Map對象是一種集合,它由鍵值對組成,每個鍵對應(yīng)一個值。

下面是一個簡單的例子,通過jsnewmap()函數(shù)創(chuàng)建一個新的Map對象,并向其中添加一些鍵值對:


let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');
console.log(map);

輸出結(jié)果為:


Map(3) {"key1" => "value1", "key2" => "value2", "key3" => "value3"}

三、迭代Map對象

使用jsnewmap()函數(shù)創(chuàng)建的Map對象可以通過for-of循環(huán)進行迭代。

下面是一個簡單的例子,通過for-of循環(huán)遍歷Map對象中的所有鍵值對:


let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');

for(let [key, value] of map) {
  console.log(key + " " + value);
}

輸出結(jié)果為:


key1 value1
key2 value2
key3 value3

四、獲取Map對象的大小

使用Map對象的size屬性可以獲取該Map對象中鍵值對的數(shù)量。

下面是一個簡單的例子,獲取Map對象中鍵值對的數(shù)量:


let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');

console.log(map.size);

輸出結(jié)果為:


3

五、刪除Map對象中的鍵值對

使用Map對象的delete()函數(shù)可以刪除該Map對象中指定鍵的鍵值對。

下面是一個簡單的例子,刪除Map對象中指定鍵的鍵值對:


let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');

map.delete('key2');

console.log(map);

輸出結(jié)果為:


Map(2) {"key1" => "value1", "key3" => "value3"}

六、清空Map對象

使用Map對象的clear()函數(shù)可以清空該Map對象,即刪除所有的鍵值對。

下面是一個簡單的例子,清空Map對象:


let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');

map.clear();

console.log(map);

輸出結(jié)果為:


Map(0) {}

七、使用Map對象作為函數(shù)參數(shù)

使用Map對象作為函數(shù)參數(shù)可以將需要傳遞的參數(shù)打包成一個Map對象,并進行傳遞,使得代碼更加簡潔。

下面是一個簡單的例子,使用Map對象作為函數(shù)參數(shù):


function test(map) {
  console.log(map.get('key1') + " " + map.get('key2'));
}

let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');

test(map);

輸出結(jié)果為:


value1 value2

八、補充

在使用jsnewmap()函數(shù)創(chuàng)建Map對象時,可以指定一個可迭代對象作為參數(shù),該可迭代對象的成員必須也是一個數(shù)組,且這個數(shù)組只有兩個值,第一個值為鍵,第二個值為值。

下面是一個使用可迭代對象創(chuàng)建Map對象的示例:


let iterableObj = [
  ['key1', 'value1'],
  ['key2', 'value2'],
  ['key3', 'value3']
];

let map = new Map(iterableObj);

console.log(map);

輸出結(jié)果為:


Map(3) {"key1" => "value1", "key2" => "value2", "key3" => "value3"}

總結(jié)

通過jsnewmap()函數(shù),我們可以輕松地創(chuàng)建新的Map對象,并進行迭代、增刪查改等操作。使用Map對象可以更好地管理數(shù)據(jù),并且提高代碼的可讀性和可維護性。

tags: jsnewmap()
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT