js通用删除数组中重复的值和删除字符串中重复的字符

以下内容属于我的原创，转载请注明出处，很是感谢！

删除数组中重复的值或者删除字符串重复的字符，是咱们前端开发人员碰到不少这样的场景。还有求职者在被面试时也会碰到这样的问题！好比：问删除字符串重复的字符，保留其中的一个，并打印出重复的次数。

其实这种问题或者场景，要是针对删除字符串重复的字符，这个能够用正则表达式实现,那么这个须要Web前端开发人员熟悉正则表达式了，要是针对数组，有的人就会想到，咱们能够用jion('')转成字符串能够用了。可是这种数组要知足这样的要求才能够，如：['a','b','c','a','b']，这种是能够的！可是这样的数组数据，几乎是可能这样完美的，尤为是数据的数组。好比：[1,123,3,55,54,56,3,123]或['a','ab','a']，大多数都是这样的。这样类型的数组，就不能用正则来弄了！

 

看了上面的问题，确定有人会想，能不能写一个通用的，既能删除字符串中重复的字符，也能删除数组中重复的值呢？

恭喜你，找对地方了，在我这里就是一个字有！,但支持到IE9以上标准模式的浏览器（IE九、IE十、IE11等这些版本的企业模式不支持），其余的Chrome、火狐等浏览器就不要去考虑了，由于确定支持的

代码以下（如下代码用ES6格式写的）：

 

 1 let getRemoveRepeat = (obj, flag) => {
 2             if (typeof obj === 'undefined') return '传入\"abcab\"或\[\"a\"\,\"b\"\,\"a\"\]';
 3             let str, _map = {}, arr = [], mod = 0;
 4             flag = typeof flag === 'undefined' ? false : flag;
 5             if (obj.constructor === Array) str = obj;
 6             else if (obj.constructor === String) {
 7                 mod = 1;
 8                 str = obj.split('');
 9             }
10             str.map(x => {
11                 // 当flag是true，意思就是不区分大小写 好比A和a都要只保留一个,默认区分的
12                 if(flag && typeof x ==='string') x =x.toLocaleLowerCase(); 
13                 if (!_map[x]) {
14                     _map[x] = 1; //次数为1
15                     arr.push(x); 
16                 }
17                 else _map[x] = _map[x] + 1;
18             });
19             console.log(_map); //打印出每一个值的重复次数
20             return mod ? arr.join('') : arr;
21         }

 

下面是转换成ES5的代码（IE9以上包括IE9在内的标准模式可能够）：

 1 'use strict';
 2 var getRemoveRepeat = function getRemoveRepeat(obj, flag) {
 3     if (typeof obj === 'undefined') return '传入\"abcab\"或\[\"a\"\,\"b\"\,\"a\"\]';
 4     var str = void 0,
 5         _map = {},
 6         arr = [],
 7         mod = 0;
 8     flag = typeof flag === 'undefined' ? false : flag;
 9     if (obj.constructor === Array) str = obj;else if (obj.constructor === String) {
10         mod = 1;
11         str = obj.split('');
12     }
13     str.map(function (x) {
14         // 当flag是true，意思就是不区分大小写 好比A和a都要只保留一个,默认区分的
15         if (flag && typeof x === 'string') x = x.toLocaleLowerCase();
16         if (!_map[x]) {
17             _map[x] = 1; //次数为1
18             arr.push(x);
19         } else _map[x] = _map[x] + 1;
20     });
21     console.log(_map); //打印出每一个值的重复次数
22     return mod ? arr.join('') : arr;
23 };

View Code

下面是测试用例的截图（基于Chrome浏览的Console的面板）：

字符串类型的去重

　　

数组类型的去重：