JS實(shí)現(xiàn)的自定義map方法示例
本文實(shí)例講述了JS實(shí)現(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對(duì)象上 } //size方法,獲取Map容器的個(gè)數(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>
運(yùn)行結(jié)果:
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JavaScript中循環(huán)遍歷Array與Map的方法小結(jié)
- 在JavaScript中操作數(shù)組之map()方法的使用
- js實(shí)現(xiàn)的map方法示例代碼
- Java中快速把map轉(zhuǎn)成json格式的方法
- js中遍歷Map對(duì)象的方法
- js中生成map對(duì)象的方法
- js獲取通過(guò)ajax返回的map型的JSONArray的方法
- 將JSON字符串轉(zhuǎn)換成Map對(duì)象的方法
- Js遍歷鍵值對(duì)形式對(duì)象或Map形式的方法
- jQuery遍歷json中多個(gè)map的方法
- JS模擬的Map類(lèi)實(shí)現(xiàn)方法
相關(guān)文章
為什么JS中eval處理JSON數(shù)據(jù)要加括號(hào)
這篇文章主要介紹了為什么JS中eval處理JSON數(shù)據(jù)要加括號(hào)的相關(guān)資料,需要的朋友可以參考下2015-04-04詳解JS截取字符串的三個(gè)方法substring,substr,slice
js中有三個(gè)截取字符的方法,分別是substring()、substr()、slice(),平時(shí)我們可能都用到過(guò),但總是會(huì)對(duì)這些方法有點(diǎn)混淆。本文將詳細(xì)介紹一下這三者的區(qū)別,需要的可以參考一下2022-03-03js/jQuery簡(jiǎn)單實(shí)現(xiàn)選項(xiàng)卡功能
本篇文章主要是對(duì)js/jQuery簡(jiǎn)單實(shí)現(xiàn)選項(xiàng)卡功能的示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01JavaScript懶加載與預(yù)加載原理與實(shí)現(xiàn)詳解
這篇文章主要介紹了JavaScript懶加載與預(yù)加載,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-09-09JavaScript實(shí)現(xiàn)審核流程狀態(tài)的動(dòng)態(tài)顯示進(jìn)度條
對(duì)于有很多流程的東西,我們希望能夠根據(jù)不同的階段,用流程條對(duì)應(yīng)地進(jìn)行顯示,非常直觀,給用戶(hù)帶來(lái)極好的用戶(hù)體驗(yàn),下面小編給大家分享JavaScript實(shí)現(xiàn)審核流程狀態(tài)的動(dòng)態(tài)顯示進(jìn)度條功能,需要的的朋友參考下2017-03-03表現(xiàn)、結(jié)構(gòu)、行為分離的選項(xiàng)卡效果
2008-01-01原生js的ajax和解決跨域的jsonp(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇原生js的ajax和解決跨域的jsonp(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10JavaScript中對(duì)象的不同創(chuàng)建方法
js對(duì)象與一般的面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言有所不同的。js中的對(duì)象是基本原型的。下面給大家介紹js中對(duì)象的不同創(chuàng)建方法,非常不錯(cuò),感興趣的朋友一起學(xué)習(xí)吧2016-08-08javascript驗(yàn)證只能輸入數(shù)字和一個(gè)小數(shù)點(diǎn)示例
使用javascript限制只能輸入數(shù)字和一個(gè)小數(shù)點(diǎn),在某些情況下還是比較使用的,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-10-10