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

JavaScript之map的使用

2018-01-01 1100
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
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
技术小阿哥
目录
相关文章
刘志辉~
|
3月前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
刘志辉~
44 1
夏天49597
|
5月前
|
存储 JavaScript 前端开发
JavaScript进阶-Map与Set集合
【6月更文挑战第20天】JavaScript的ES6引入了`Map`和`Set`，它们是高效处理集合数据的工具。`Map`允许任何类型的键，提供唯一键值对；`Set`存储唯一值。使用`Map`时，注意键可以非字符串，用`has`检查键存在。`Set`常用于数组去重，如`[...new Set(array)]`。了解它们的高级应用，如结构转换和高效查询，能提升代码质量。别忘了`WeakMap`用于弱引用键，防止内存泄漏。实践使用以加深理解。
夏天49597
74 3
游客j4mujezz7vm7y
|
2月前
|
存储 JavaScript 前端开发
js的map和set |21
js的map和set |21
游客j4mujezz7vm7y
33 5
游客j4mujezz7vm7y
|
2月前
|
JavaScript 前端开发
js map和reduce
js map和reduce
游客j4mujezz7vm7y
52 3
神明木佑
|
25天前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
神明木佑
18 0
java冯坚持
|
27天前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结，包括插入，删除，更新，反转，排序等，如map、splice等
JavaScript数组的常用高阶函数，包括遍历、插入、删除、更新、反转和排序等操作，如map、splice、push、pop、reverse等。
java冯坚持
17 0
花非花雾非雾11
|
2月前
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
花非花雾非雾11
28 4
杀死一只知更鸟debug
|
2月前
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法：every、some、filter、map和forEach，并通过示例代码展示了它们的基本用法和区别。
杀死一只知更鸟debug
21 0
theMuseCatcher
|
3月前
|
JavaScript 前端开发 索引
JS中常用的数组迭代方法（filter，forEach，map，every，some，find，findIndex）
这段代码和说明介绍了JavaScript中数组的一些常用方法。函数接收三个参数：`item`（数组项的值）、`index`（项的位置，可选）和`array`（数组本身，可选）。示例展示了如何使用`filter()`过滤非空项、`forEach()`遍历数组、`map()`处理并返回新数组、`every()`检查所有元素是否满足条件、`some()`检查是否存在满足条件的元素、`find()`获取首个符合条件的元素值以及`findIndex()`获取其索引位置。这些方法都不会修改原数组。
theMuseCatcher
37 0
JS中常用的数组迭代方法（filter，forEach，map，every，some，find，findIndex）
Yaiba123
|
3月前
|
JavaScript 前端开发 索引
JS - includes 方法和 map 方法使用方式
这篇文章介绍了JavaScript中数组的`includes`方法和`map`方法的用法，包括它们的语法、参数说明和具体的示例代码。`includes`方法用于判断数组是否包含特定元素，而`map`方法用于对数组中的每个元素执行操作并返回新数组。
Yaiba123
54 1