JS實現(xiàn)的自定義map方法示例
更新時間：2019年05月17日 09:34:37 作者：longzhoufeng
這篇文章主要介紹了JS實現(xiàn)的自定義map方法,結合實例形式分析了javascript自定義map相關的json數(shù)組定義、遍歷、添加、刪除、讀取等相關操作技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)的自定義map方法。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>www.dhdzp.com 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相關內容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript面向對象入門教程》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)自定義底部導航，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了微信小程序使用gitee進行版本管理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
javascript showModalDialog 多層模態(tài)窗口實現(xiàn)頁面提交及刷新的代碼
javascript 多層模態(tài)窗口showModalDialog頁面提交及刷新2009-11-11
Three.js使用OrbitControls后修改相機旋轉方向無效解決辦法
three.js是用javascript寫的基于webGL的第三方3D庫,下面這篇文章主要給大家介紹了關于Three.js使用OrbitControls后修改相機旋轉方向無效的解決辦法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了詳解ES6中的Map與Set集合，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要介紹了JavaScript實現(xiàn)的背景自動變色代碼,涉及JavaScript數(shù)組操作結合定時函數(shù)實現(xiàn)修改頁面元素樣式的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
一般構造函數(shù)沒有返回值，他們通過關鍵字this初始化對象，沒有返回值。當然一個構造器允許返回一個對 象，如果這樣的話 返回的對象將變成new 表達式的值,在這種情況下值為this的對象將拋棄2008-11-11
這篇文章主要給大家介紹了關于微信小程序textarea層級過高問題的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-03-03
詳解javaScript中Number數(shù)字類型的使用
Number和Math都屬于JavaScript中的內置對象，Number數(shù)字類型作為基礎數(shù)據(jù)類型，我們在開發(fā)過程中會經(jīng)常用到，包括數(shù)字精度的格式化，還有字符串轉換成數(shù)字等操作。本文將詳細講解其用法，感興趣的可以了解一下2022-04-04
微信小程使用swiper組件實現(xiàn)圖片輪播切換顯示功能【附源碼下載】
這篇文章主要介紹了微信小程使用swiper組件實現(xiàn)圖片輪播切換顯示功能,涉及swiper組件相關屬性使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12