JS模擬的Map類實現(xiàn)方法
本文實例講述了JS模擬的Map類。分享給大家供大家參考,具體如下:
根據(jù)java中map的屬性,實現(xiàn)key----value保存
1、使用數(shù)組方式存儲數(shù)據(jù),(使用閉包)
function Map() { var struct = function (key, value) { this.key = key; this.value = value; } var put = function (key, value) { for (var i = 0; i < this.arr.length; i++) { if (this.arr[i].key === key) { this.arr[i].value = value; return; } } this.arr[this.arr.length] = new struct(key, value); } var get = function (key) { for (var i = 0; i < this.arr.length; i++) { if (this.arr[i].key === key) { return this.arr[i].value; } } return null; } var remove = function (key) { var v; for (var i = 0; i < this.arr.length; i++) { v = this.arr.pop(); if (v.key === key) { continue; } this.arr.unshift(v); } } var size = function () { return this.arr.length; } var isEmpty = function () { return this.arr.length <= 0; } this.arr = new Array(); this.get = get; this.put = put; this.remove = remove; this.size = size; this.isEmpty = isEmpty; }
2、使用JSON方式存儲數(shù)據(jù)(使用原型方式拓展方法)
function Map() { this.obj = {}; this.count = 0; } Map.prototype.put = function (key, value) { var oldValue = this.obj[key]; if (oldValue == undefined) { this.count++; } this.obj[key] = value; } Map.prototype.get = function (key) { return this.obj[key]; } Map.prototype.remove = function (key) { var oldValue = this.obj[key]; if (oldValue != undefined) { this.count--; delete this.obj[key]; } } Map.prototype.size = function () { return this.count; } var map = new Map(); map.put("key","map"); map.put("key","map1"); alert(map.get("key"));//map1 map.remove("key"); alert(map.get("key"));//undefined
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
javascript中的toFixed固定小數(shù)位數(shù) 簡單實例分享
這篇文章介紹了toFixed固定小數(shù)位數(shù)的簡單例子,有需要的朋友可以參考一下2013-07-07IE6/7/8中Option元素未設value時Select將獲取空字符串
可以看到當忘記寫option的value時這些現(xiàn)代瀏覽器都會盡量返回正確的(客戶端程序員想要的)結果value,其容錯性比IE6/7/8做的更好。2011-04-04在layui中l(wèi)ayer彈出層點擊事件無效的解決方法
今天小編就為大家分享一篇在layui中l(wèi)ayer彈出層點擊事件無效的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09