JavaScript创建Map对象(转)
JavaScript 里面本身没有map对象,用JavaScript的Array来实现Map的数据结构。
- /*
- * MAP对象,实现MAP功能
- *
- * 接口:
- * size() 获取MAP元素个数
- * isEmpty() 判断MAP是否为空
- * clear() 删除MAP所有元素
- * put(key, value) 向MAP中增加元素(key, value)
- * remove(key) 删除指定KEY的元素,成功返回True,失败返回False
- * get(key) 获取指定KEY的元素值VALUE,失败返回NULL
- * element(index) 获取指定索引的元素(使用element.key,element.value获取KEY和VALUE),失败返回NULL
- * containsKey(key) 判断MAP中是否含有指定KEY的元素
- * containsValue(value) 判断MAP中是否含有指定VALUE的元素
- * values() 获取MAP中所有VALUE的数组(ARRAY)
- * keys() 获取MAP中所有KEY的数组(ARRAY)
- *
- * 例子:
- * var map = new Map();
- *
- * map.put("key", "value");
- * var val = map.get("key")
- * ……
- *
- */
- function Map() {
- this.elements = new Array();
- //获取MAP元素个数
- this.size = function() {
- return this.elements.length;
- }
- //判断MAP是否为空
- this.isEmpty = function() {
- return(this.elements.length < 1);
- }
- //删除MAP所有元素
- this.clear = function() {
- this.elements = new Array();
- }
- //向MAP中增加元素(key, value)
- this.put = function(_key, _value) {
- this.elements.push( {
- key : _key,
- value : _value
- });
- }
- //删除指定KEY的元素,成功返回True,失败返回False
- this.remove = function(_key) {
- var bln = false;
- try{
- for(i = 0; i < this.elements.length; i++) {
- if(this.elements[i].key == _key) {
- this.elements.splice(i, 1);
- return true;
- }
- }
- } catch(e) {
- bln = false;
- }
- return bln;
- }
- //获取指定KEY的元素值VALUE,失败返回NULL
- this.get = function(_key) {
- try{
- for(i = 0; i < this.elements.length; i++) {
- if(this.elements[i].key == _key) {
- return this.elements[i].value;
- }
- }
- } catch(e) {
- return null;
- }
- }
- //获取指定索引的元素(使用element.key,element.value获取KEY和VALUE),失败返回NULL
- this.element = function(_index) {
- if(_index < 0 || _index >= this.elements.length) {
- return null;
- }
- return this.elements[_index];
- }
- //判断MAP中是否含有指定KEY的元素
- this.containsKey = function(_key) {
- varbln = false;
- try{
- for(i = 0; i < this.elements.length; i++) {
- if(this.elements[i].key == _key) {
- bln = true;
- }
- }
- } catch(e) {
- bln = false;
- }
- return bln;
- }
- //判断MAP中是否含有指定VALUE的元素
- this.containsValue = function(_value) {
- var bln = false;
- try{
- for(i = 0; i < this.elements.length; i++) {
- if(this.elements[i].value == _value) {
- bln = true;
- }
- }
- } catch(e) {
- bln = false;
- }
- return bln;
- }
- //获取MAP中所有VALUE的数组(ARRAY)
- this.values = function() {
- var arr = new Array();
- for(i = 0; i < this.elements.length; i++) {
- arr.push(this.elements[i].value);
- }
- return arr;
- }
- //获取MAP中所有KEY的数组(ARRAY)
- this.keys = function() {
- var arr = new Array();
- for(i = 0; i < this.elements.length; i++) {
- arr.push(this.elements[i].key);
- }
- return arr;
- }
- }
- var map = new Map();
- map.put("key1", "value1");
- map.put("key2", "value2");
- map.put("key3", "value3");
- //var val = map.get("key1");
- // var val = map.containsKey("key1");
- // var val = map.element(2).value;
- var arr=map.keys();
- for(var i=0;i<arr.length;i++){
- alert(map.get(arr[i]));
- }
- // alert(val);
JavaScript创建Map对象(转)的更多相关文章
- JavaScript之Map对象
前言 工欲善其事,必先利其器.这是一款以前在前端项目中没有使用过的.有趣的对象,咱来看看如何使用~ 并非arrayObj.map(function) //arrayObj.map与arrayObj.f ...
- javascript自定义Map对象
javascript定义map对象开发前端组件的重要性就不过多阐述了,直接参考以下案例即可 <script type=text/javascript charset=utf-8> func ...
- javascript创建自定义对象和prototype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 自定义实现JavaScript的Map对象,修改IE不兼容MAP()的问题
由于IE8及以下版本不支持Map对象,本文为程序猿们提供了有效的解决方法. 本文重写了Map对象,实现了常用的set, get, put, clear, remove, delete, forEach ...
- 每天一点点之javascript(ES6) - Map对象
1.语法 键/值对的集合. mapObj = new Map() 注:集合中的键和值可以是任何类型.如果使用现有密钥向集合添加值,则新值会替换旧值. 2.属性下表列出了 Map 对象的属性和描述. 构 ...
- JavaScript 创建类/对象的几种方式
在JS中,创建对象(Create Object)并不完全是我们时常说的创建类对象,JS中的对象强调的是一种复合类型,JS中创建对象及对对象的访问是极其灵活的. JS对象是一种复合类型,它允许你通过变量 ...
- JavaScript—创建正则对象
创建正则对象 方式1: var reg = new RegExp('\d', 'i');var reg = new RegExp('\d', 'gi'); 方式2: var reg = /\d/i;v ...
- 通过JavaScript创建Qml对象
有两种方法可以创建,都是全局对象Qt提供的方法 一:用Qt.createComponent加载一个qml文件并创建Component 二:用Qt.createQmlObject从一个qml字符串创建C ...
- 【微信小程序开发之坑】javascript创建date对象
最近开发中用到date,开始以如下方式来创建: var date = new Date('2018-01-30 11:00:00'); 在开发工具上,调试,ios 和 android都好好的. 在真机 ...
随机推荐
- jquery功能实现总结
最近一直在做.net这方面的,也学习了jquery一些东西,其中实现了自动关闭页面,json解析字符串,拼接字符串,for循环,函数调用,等一些功能,自己也学习了,也希望可以帮助大家,大家看后给提提意 ...
- SSD Cloud Hosting–Linode-Mysql数据库的安装与配置
接着上一篇的话题:SSD Cloud Hosting - Linode的配置和部署,搭建Java环境 8.Mysql数据库的安装与配置 安装 检查yum里边有没有mysql: yum list|gre ...
- MVC&&MVP
Classic MVC Classic MVC 大概上世纪七十年代,Xerox PARC的Trygve提出了MVC的概念. 并应用在Smalltalk系统中,为了和其它类型的MVC加以区分,历史上习惯 ...
- 转 AI教程 logo
版权申明:本文原创作者飞屋工作室,感谢飞屋工作室的原创分享! 这篇AI制作标志教程是一个非常实用的教程.通过这个教程飞特的朋友们将会学习到AI制作标志的流程和标志的创作思路.非常实用.推荐过来和飞特的 ...
- Canvas 2D绘制抗锯齿的1px线条
当绘制1像素的线条时,发现多条线明显存在着粗细不均的问题,线条带有明显的锯齿. 事实上,Canvas的绘制线条指令都存在这个状况,如lineTo,arcTo,strokeRect. 解决方案是将Can ...
- 40个最好的Tumblr主题
如果安装了一款较好的Tumblr主题,你的Tumblr空间将焕然一新.然而找到一款合适的主题并不是一件容易的事,这正是本文中我整理那么多优质的Tumblr模板作为灵感的原因.其中有一些免费的Tumbl ...
- Mapreduce执行过程分析(基于Hadoop2.4)——(三)
4.4 Reduce类 4.4.1 Reduce介绍 整完了Map,接下来就是Reduce了.YarnChild.main()—>ReduceTask.run().ReduceTask.run方 ...
- Masonry 实现输入框随键盘位置改变
Github: https://github.com/saitjr/MasonryDemo 直接上代码: #import "ViewController4.h" #import & ...
- ios8 下请求读取通讯录权限 (网上众多资料漏下得一个坑)
读取通讯录权限网上都有,不再叙述. 当第一次授权时用户假如拒绝授权, 第二次就无法再次弹出提示框授权. 刚开始时完全按照网上例子写的,第一次拒绝授权后,在设置里面无法找到对应的更改读取权限的选项. 后 ...
- js运动 摩擦运动
<!DOCTYPE HTML> <HTML> <meta http-equiv="Content-Type" content="text/h ...