ES6 Map集合使用

2021-09-24 09:10:53 字數 1774 閱讀 5182

/**

* ecmascript6中的map集合

** map型別是一種儲存著許多鍵值對的有序列表, 其中鍵名和鍵值支援所有的資料型別

* 鍵名的判斷是通過呼叫 object.is()方法實現的,所以 5 和 "5" 被判斷為兩個型別**/

let map = new map();

map.set("name","song");

document.write(map.get("name") + "

"); // song

document.write(map.get("age") + "

"); // undefined

/*** map集合支援的方法

** has(key) 檢測指定的key是否存在map集合中

* delete(key) 從map集合中移除指定的key鍵名和值

* clear() 移除map集合中所有的鍵值對

** */

document.write(map.has("name") + "

"); // true

document.write(map.size + "

"); // 1

// 清空鍵值對

map.clear();

document.write(map.size + "

"); // 0

map.set("age",1);

document.write(map.size + "

"); // 1

// 刪除指定鍵

map.delete("age");

document.write(map.size + "

"); // 0

map.set("name","zhangsan");

map.set("age",20);

// 遍歷map

map.foreach(function(value, key, ownermap));

map.foreach(function(value, key) );

// 遍歷過程中會按照鍵插入map集合的順序處理

/*** weakmap 是弱引用map集合,也是用於儲存物件的弱引用。

** weakmap集合最大的用途是儲存web頁面中的dom元素,使用weakmap來跟蹤dom元素,當dom元素消失時,可以自動銷毀集合中相關物件

** weakmap集合只支援 has() 可以檢測給定鍵值存在性 以及 delete()

* 不支援 clear()

*/let weakmap = new weakmap();

let element = document.queryselector(".content");

console.log(element.innerhtml.length); // hello world

weakmap.set(element,"original");

weakmap.get(element);

console.log(weakmap.has(element)); // true;

// person是乙個立即呼叫函式表示式

var person = (function());

}person.prototype.getname = function()

return person;

}());

let p = new person("song");

console.log(p.getname());

es6 map常用方法

es6 map常用方法總結 1.map 結構轉為陣列結構 比較快速的方法是結合使用擴充套件運算子 let map new map 1,one 2,two 3,three map.keys 1,2,3 map.values one two three map.entries 1,one 2,two 3...

es6 map 遍歷 筆記

let arr1 1 2,3 let arr2 arr1.map value,key,arr console.log arr1 1,2,3 console.log arr2 1,4,9 map 方法 map,對映,即原陣列對映成乙個新的陣列 map方法接受乙個新引數,這個引數就是將原陣列變成新陣列的...

ES6 Map資料型別

定義 map 物件儲存鍵值對。任何值 物件或者原始值 都可以作為乙個鍵或乙個值。語法 new map iterable 引數 iterable iterable 可以是乙個陣列或者其他 iterable 物件,其元素為鍵值對 兩個元素的陣列,例如 1,one 2,two 每個鍵值對都會新增到新的 m...