JavaScript JMap类定义与使用方法示例


Posted in Javascript onJanuary 22, 2019

本文实例讲述了JavaScript JMap类定义与使用方法。分享给大家供大家参考,具体如下:

在JavaScript中我们利用function类定义类

在类的内部我们用var 定义私有变量  私有函数

在类的内部我们用this 定义公有变量

(1)定义一个类

function JMap() {
    var arr={};//空类
    //增加
    this.put=function (key,value) {//用一个方法将数据加到指定类中去
      arr[key]=value;
    }
    this.get=function (key) {
      if( arr[key]){
        return arr[key];
      }else{
        return null;
      }
    }
    //删除
    this.remove=function (key) {
      delete arr[key];
    }
    //遍历
    this.eachMap=function (fn) {
      for(var key in arr){
        fn(key,arr[key]);
      }
    }
}

(2)使用 类(JMap类外部)

var country=new JMap(); //实例化
country.put("01","ZG");//添加值
country.put("02","TG");
country.put("03","MG");
country.eachMap(function (key,value) {//回调函数
  console.log(key+" "+value)
})

这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试运行上述代码,可得如下运行结果:

JavaScript JMap类定义与使用方法示例

更多关于JavaScript相关内容还可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
用document.documentElement取代document.body的原因分析
Nov 12 Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
Aug 13 Javascript
js实现仿微博滚动显示信息的效果
Dec 21 Javascript
jquery实现图片预加载
Dec 25 Javascript
jQuery获取checkbox选中的值
Jan 28 Javascript
Angular4 反向代理Details实践
May 30 Javascript
原生js实现移动端Touch轮播图的方法步骤
Jan 03 Javascript
你了解vue3.0响应式数据怎么实现吗
Jun 07 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 Javascript
详解ES6中class的实现原理
Oct 03 Javascript
手写Vue源码之数据劫持示例详解
Jan 04 Vue.js
vue2.0 如何在hash模式下实现微信分享
Jan 22 #Javascript
JavaScript继承与聚合实例详解
Jan 22 #Javascript
JavaScript格式化json和xml的方法示例
Jan 22 #Javascript
基于vue的验证码组件的示例代码
Jan 22 #Javascript
JavaScript中的"=、==、==="区别讲解
Jan 22 #Javascript
深入分析element ScrollBar滚动组件源码
Jan 22 #Javascript
js实现京东秒杀倒计时功能
Jan 21 #Javascript
You might like
类的另类用法--数据的封装
2006/10/09 PHP
PHP+MYSQL的文章管理系统(二)
2006/10/09 PHP
php基础知识:类与对象(3) 构造函数和析构函数
2006/12/13 PHP
PHP+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
PHP与C#分别格式化文件大小的代码
2011/05/14 PHP
解决PHP超大文件下载,断点续传下载的方法详解
2013/06/06 PHP
解析smarty模板中类似for的功能实现
2013/06/18 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
任意位置显示html菜单
2007/02/01 Javascript
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
Javascript表单验证要注意的事项
2014/09/29 Javascript
jQuery/CSS3图片特效插件整理推荐
2014/12/07 Javascript
jQuery异步获取json数据方法汇总
2014/12/22 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
bootstrap weebox 支持ajax的模态弹出框
2017/02/23 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
2018/02/08 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
微信小程序传值以及获取值方法的详解
2019/04/29 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
JS实现公告上线滚动效果
2021/01/10 Javascript
详解Django 中是否使用时区的区别
2018/06/14 Python
python中reader的next用法
2018/07/24 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
python3中编码获取网页的实例方法
2020/11/16 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
美国隐形眼镜销售网站:ContactsDirect
2017/10/28 全球购物
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
文史专业毕业生自荐信
2013/11/17 职场文书
运动会广播稿150字
2014/02/19 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
股权转让协议范本
2014/12/07 职场文书
新教师个人工作总结
2015/02/06 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python