日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

ES6 Map和Set的用法笔记

發布時間:2023/12/10 编程问答 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 ES6 Map和Set的用法笔记 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一、Map

1、概念:Map用來保存鍵值對,類似于字典類型。任意值(對象或者原始值)都可以作為一個鍵或者一個值。

2、Maps 和 Objects 用法比較

Object對象的鍵只能是字符串或者 Symbols類型,但Map對象的鍵可以是任意值。

Map 中的鍵值是有序的(FIFO 原則),而添加到Object中的鍵則不是。

Map 的鍵值對個數可以根據 size 屬性獲取,而 Object 的鍵值對個數只能手動計算。

Object 都有自己的原型,原型鏈上的鍵名有可能和你自己在對象上的設置的鍵名產生沖突。

3、用法示例

3.1定義

var map= new Map();

myMap.set(name, "小明"); //鍵值是字符串

myMap.get(name); ? ?// 小明

var map= new Map();

var keyobj={};

map.set(keyobj, "小明"); //鍵值是對象

map.get(keyobj); ? ?// 小明

var map= new Map(); //鍵值是函數

var keyfunc=function() {};

map.set(keyfunc, "小明");

map.get(keyfunc); ? ?// 小明

var map= new Map(); //鍵值是NaN

map.set(NaN, "小明");

map.get(NaN); ? ?// 小明

3.2 遍歷用法

var map = new Map();

map.set(0, "小明");

map.set(1, "小王");

//for...of

for (var [key, value] of myMap) {

?console.log(key + " = " + value);

}

// forEach()

myMap.forEach(function(value, key) {

console.log(key + " : " + value);

}, myMap)

3.3 Map對象操作

var arr = [["name", "小明"], ["age", 50]];

var map = new Map(arr);

????????// Map 構造函數可以將一個 二維 鍵值對數組轉換成

????????一個 Map 對象

var outArray = Array.from(map);// 使用 Array.from 函數可以將一個 Map 對象轉換成一個二維鍵值對數組

var map2=new Map(map);//Map拷貝功能

var map3=new Map([map,map2]);//合并兩個 Map 對象時,如果有重復的鍵值,則后面的會覆蓋前面的

console.log(map);

二、Set對象

1、概念:Set對象用來存儲任意類型的唯一值。

特殊情況:

1、+0 與 -0 在存儲判斷唯一性的時候是恒等的,所以不重復;

2、undefined 與 undefined 是恒等的,所以不重復。

3、NaN 與 NaN 是不恒等的,但是在 Set 中只能存一個。

2、用法示例

? ?let mySet = new Set();

mySet.add(1);

mySet.add(5);

mySet.add(5);

mySet.add("some text");

console.log(mySet);

var mySet = new Set(["小明", "小王", "小張"]); //數組轉set

var mySet = new Set('小明');//字符串轉set

var mySet = new Set([1, 2, 3, 4, 4]);// [1, 2, 3, 4]

//并集

var a = new Set([1, 2, 3]);

var b = new Set([4, 3, 2]);

var union = new Set([...a, ...b]); // {1, 2, 3, 4}

//交集

var a = new Set([1, 2, 3]);

var b = new Set([4, 3, 2]);

var intersect = new Set([...a].filter(x => b.has(x))); // {2, 3}

// 差集

var a = new Set([1, 2, 3]);

var b = new Set([4, 3, 2]);

var difference = new Set([...a].filter(x => !b.has(x))); // {1}

總結

以上是生活随笔為你收集整理的ES6 Map和Set的用法笔记的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。