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

JavaScript之map的使用

2018-01-01 1090
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
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开发：请解释什么是ES6的Map和Set，以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序，与对象的字符串或符号键不同；Set存储唯一值，无重复。两者皆可迭代，支持for...of循环。Map有get、set、has、delete等方法，Set有add、delete、has方法。示例展示了Map和Set的基本操作。
龙大吉
84 3
东方睿赢
|
4月前
|
JavaScript 前端开发 索引
问js的forEach和map的区别
JavaScript中的`forEach`和`map`都是数组迭代方法。`forEach`遍历数组但不修改原数组，无返回值；它接受回调函数处理元素。`map`则遍历数组并返回新数组，新数组元素为回调函数处理后的结果。两者都接收元素、索引和数组作为回调函数参数。
东方睿赢
39 7
龙大吉
|
4月前
|
JavaScript 前端开发
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
龙大吉
42 1
刘志辉~
|
1月前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
刘志辉~
34 1
夏天49597
|
3月前
|
存储 JavaScript 前端开发
JavaScript进阶-Map与Set集合
【6月更文挑战第20天】JavaScript的ES6引入了`Map`和`Set`，它们是高效处理集合数据的工具。`Map`允许任何类型的键，提供唯一键值对；`Set`存储唯一值。使用`Map`时，注意键可以非字符串，用`has`检查键存在。`Set`常用于数组去重，如`[...new Set(array)]`。了解它们的高级应用，如结构转换和高效查询，能提升代码质量。别忘了`WeakMap`用于弱引用键，防止内存泄漏。实践使用以加深理解。
夏天49597
63 3
花非花雾非雾11
|
1天前
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
花非花雾非雾11
8 4
theMuseCatcher
|
21天前
|
JavaScript 前端开发 索引
JS中常用的数组迭代方法（filter，forEach，map，every，some，find，findIndex）
这段代码和说明介绍了JavaScript中数组的一些常用方法。函数接收三个参数：`item`（数组项的值）、`index`（项的位置，可选）和`array`（数组本身，可选）。示例展示了如何使用`filter()`过滤非空项、`forEach()`遍历数组、`map()`处理并返回新数组、`every()`检查所有元素是否满足条件、`some()`检查是否存在满足条件的元素、`find()`获取首个符合条件的元素值以及`findIndex()`获取其索引位置。这些方法都不会修改原数组。
theMuseCatcher
18 0
JS中常用的数组迭代方法（filter，forEach，map，every，some，find，findIndex）
Yaiba123
|
1月前
|
JavaScript 前端开发 索引
JS - includes 方法和 map 方法使用方式
这篇文章介绍了JavaScript中数组的`includes`方法和`map`方法的用法，包括它们的语法、参数说明和具体的示例代码。`includes`方法用于判断数组是否包含特定元素，而`map`方法用于对数组中的每个元素执行操作并返回新数组。
Yaiba123
29 1
朝阳39
|
2月前
|
JavaScript API
js【最佳实践】遍历数组的八种方法（含数组遍历 API 的对比）for,forEach,for of,map,filter,reduce,every,some
js【最佳实践】遍历数组的八种方法（含数组遍历 API 的对比）for,forEach,for of,map,filter,reduce,every,some
朝阳39
55 1
zrblue
|
2月前
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】（二）
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】（二）
zrblue
37 1