AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

JavaScript之map的使用

2018-01-01 1104
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
/*
  * 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 .removeByKey =  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;
     };
     
     //删除指定VALUE的元素，成功返回True，失败返回False
     this .removeByValue =  function (_value) { //removeByValueAndKey
         var  bln =  false ;
         try  {
             for  (i = 0; i <  this .elements.length; i++) {
                 if  ( this .elements[i].value == _value) {
                     this .elements.splice(i, 1);
                     return  true ;
                 }
             }
         }  catch  (e) {
             bln =  false ;
         }
         return  bln;
     };
     
     //删除指定VALUE的元素，成功返回True，失败返回False
     this .removeByValueAndKey =  function (_key,_value) {
         var  bln =  false ;
         try  {
             for  (i = 0; i <  this .elements.length; i++) {
                 if  ( this .elements[i].value == _value &&  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  false ;
         }
         return  false ;
     };
 
     //获取指定索引的元素（使用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) {
         var  bln =  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的元素
     this .containsObj =  function (_key,_value) {
         var  bln =  false ;
         try  {
             for  (i = 0; i <  this .elements.length; i++) {
                 if  ( this .elements[i].value == _value &&  this .elements[i].key == _key) {
                     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中所有VALUE的数组（ARRAY）
     this .valuesByKey =  function (_key) {
         var  arr =  new  Array();
         for  (i = 0; i <  this .elements.length; i++) {
             if  ( this .elements[i].key == _key) {
                 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;
     };
     
     //获取key通过value
     this .keysByValue =  function (_value) {
         var  arr =  new  Array();
         for  (i = 0; i <  this .elements.length; i++) {
             if (_value ==  this .elements[i].value){
                 arr.push( this .elements[i].key);
             }
         }
         return  arr;
     };
     
     //获取MAP中所有KEY的数组（ARRAY）
     this .keysRemoveDuplicate =  function () {
         var  arr =  new  Array();
         for  (i = 0; i <  this .elements.length; i++) {
             var  flag =  true ;
             for ( var  j=0;j<arr.length;j++){
                 if (arr[j] ==  this .elements[i].key){
                     flag =  false ;
                     break ;
                 } 
             }
             if (flag){
                 arr.push( this .elements[i].key);
             }
         }
         return  arr;
     };
}

转载链接：http://www.cnblogs.com/fengys-moving/archive/2012/08/26/2657417.html

文章标签：
JavaScript
索引
前端开发
关键词：
JavaScript map
技术小阿哥
目录
相关文章
刘志辉~
|
4月前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
刘志辉~
50 1
夏天49597
|
6月前
|
存储 JavaScript 前端开发
JavaScript进阶-Map与Set集合
【6月更文挑战第20天】JavaScript的ES6引入了`Map`和`Set`，它们是高效处理集合数据的工具。`Map`允许任何类型的键，提供唯一键值对；`Set`存储唯一值。使用`Map`时，注意键可以非字符串，用`has`检查键存在。`Set`常用于数组去重，如`[...new Set(array)]`。了解它们的高级应用，如结构转换和高效查询，能提升代码质量。别忘了`WeakMap`用于弱引用键，防止内存泄漏。实践使用以加深理解。
夏天49597
83 3
游客j4mujezz7vm7y
|
3月前
|
存储 JavaScript 前端开发
js的map和set |21
js的map和set |21
游客j4mujezz7vm7y
45 5
游客j4mujezz7vm7y
|
3月前
|
JavaScript 前端开发
js map和reduce
js map和reduce
游客j4mujezz7vm7y
55 3
神明木佑
|
2月前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
神明木佑
22 0
java冯坚持
|
2月前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结，包括插入，删除，更新，反转，排序等，如map、splice等
JavaScript数组的常用高阶函数，包括遍历、插入、删除、更新、反转和排序等操作，如map、splice、push、pop、reverse等。
java冯坚持
19 0
花非花雾非雾11
|
3月前
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
花非花雾非雾11
31 4
杀死一只知更鸟debug
|
3月前
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法：every、some、filter、map和forEach，并通过示例代码展示了它们的基本用法和区别。
杀死一只知更鸟debug
26 0
theMuseCatcher
|
4月前
|
JavaScript 前端开发 索引
JS中常用的数组迭代方法（filter，forEach，map，every，some，find，findIndex）
这段代码和说明介绍了JavaScript中数组的一些常用方法。函数接收三个参数：`item`（数组项的值）、`index`（项的位置，可选）和`array`（数组本身，可选）。示例展示了如何使用`filter()`过滤非空项、`forEach()`遍历数组、`map()`处理并返回新数组、`every()`检查所有元素是否满足条件、`some()`检查是否存在满足条件的元素、`find()`获取首个符合条件的元素值以及`findIndex()`获取其索引位置。这些方法都不会修改原数组。
theMuseCatcher
42 0
JS中常用的数组迭代方法（filter，forEach，map，every，some，find，findIndex）
Yaiba123
|
4月前
|
JavaScript 前端开发 索引
JS - includes 方法和 map 方法使用方式
这篇文章介绍了JavaScript中数组的`includes`方法和`map`方法的用法，包括它们的语法、参数说明和具体的示例代码。`includes`方法用于判断数组是否包含特定元素，而`map`方法用于对数组中的每个元素执行操作并返回新数组。
Yaiba123
71 1

热门文章

最新文章

  • 1
    Node.js 中流操作实践
  • 2
    js数组遍历some,foreach,map,filter,every对比
  • 3
    05.javascript访问CSS
  • 4
    JavaScript右下角信息提示插件Notyf
  • 5
    深入理解JavaScript系列（14）：作用域链(Scope Chain)
  • 6
    AutoJs4.1.0实战教程---js文件打包发布成APK文件
  • 7
    前端 时间个性化 插件 jquery.timeago.js
  • 8
    《JavaScript框架设计》——1.4　类型的判定
  • 9
    Nightwatch.js – 轻松实现浏览器的自动测试
  • 10
    JavaScript FAQ（六）——字符串
  • 1
    使用Vue.js构建交互式前端的技术探索
    87
  • 2
    使用Node.js构建实时聊天应用的技术指南
    121
  • 3
    深入理解JavaScript中的事件循环机制
    85
  • 4
    【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
    115
  • 5
    JavaScript 数组方法概览
    37
  • 6
    在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
    65
  • 7
    JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
    47
  • 8
    JavaScript 提供了多种方法来操作 DOM（文档对象模型）
    48
  • 9
    JavaScript的垃圾回收机制通过标记-清除算法自动管理内存
    58
  • 10
    JavaScript 的垃圾回收机制有一些潜在的缺点
    41

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • Go语言核心编程 - 基础语法、数组、切片、Map

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月