JS實現(xiàn)的自定義map方法示例
本文實例講述了JS實現(xiàn)的自定義map方法。分享給大家供大家參考,具體如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.dbjr.com.cn JS自定義map方法</title> </head> <body> <script> window.onload = function() { function Map() { var obj = {}; this.put = function(key, value) { obj[key] = value;//把鍵值綁定到obj對象上 } //size方法,獲取Map容器的個數(shù) this.size = function() { var count = 0; for(var attr in obj) { count++; } return count; } //get方法,根據(jù)key獲取value的值 this.get = function(key) { if(obj[key] || obj[key] === 0 || obj[key] === false) { return obj[key] } else { return null; } } //remove方法,刪除方法 this.remove = function(key) { if(obj[key] || obj[key] === 0 || obj[key] === false) { delete obj[key] } } //each方法,遍歷方法 this.eachMap = function(callBack) { for(var attr in obj) { callBack(attr, obj[attr]) } } } var m = new Map(); m.put('01', "aaa"); m.put('02', "bbb"); m.put('03', "ccc"); m.put('04', "ddd"); m.put('05', "eee"); //alert(m.size()); //alert(m.get('03')); // alert(m.remove('ccc')); m.eachMap(function(key ,value) { console.log(key) console.log(value) }) } </script> </body> </html>
運行結果:
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript錯誤與調(diào)試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
為什么JS中eval處理JSON數(shù)據(jù)要加括號
這篇文章主要介紹了為什么JS中eval處理JSON數(shù)據(jù)要加括號的相關資料,需要的朋友可以參考下2015-04-04詳解JS截取字符串的三個方法substring,substr,slice
js中有三個截取字符的方法,分別是substring()、substr()、slice(),平時我們可能都用到過,但總是會對這些方法有點混淆。本文將詳細介紹一下這三者的區(qū)別,需要的可以參考一下2022-03-03JavaScript懶加載與預加載原理與實現(xiàn)詳解
這篇文章主要介紹了JavaScript懶加載與預加載,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-09-09JavaScript實現(xiàn)審核流程狀態(tài)的動態(tài)顯示進度條
對于有很多流程的東西,我們希望能夠根據(jù)不同的階段,用流程條對應地進行顯示,非常直觀,給用戶帶來極好的用戶體驗,下面小編給大家分享JavaScript實現(xiàn)審核流程狀態(tài)的動態(tài)顯示進度條功能,需要的的朋友參考下2017-03-03javascript驗證只能輸入數(shù)字和一個小數(shù)點示例
使用javascript限制只能輸入數(shù)字和一個小數(shù)點,在某些情況下還是比較使用的,下面有個不錯的示例,感興趣的朋友可以參考下2013-10-10