以下内容属于个人原创,转载请注明出处,非常感谢!

删除数组中重复的值或者删除字符串重复的字符,是我们前端开发人员碰到很多这样的场景。还有求职者在被面试时也会碰到这样的问题!比如:问删除字符串重复的字符,保留其中的一个,并打印出重复的次数。

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

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

恭喜你,找对地方了,在我这里就是一个字有!,但支持到IE9以上标准模式的浏览器(IE9、IE10、IE11等这些版本的企业模式不支持),其他的Chrome、火狐等浏览器就不要去考虑了,因为肯定支持的

代码如下(以下代码用ES6格式写的):

 let getRemoveRepeat = (obj, flag) => {
if (typeof obj === 'undefined') return '传入\"abcab\"或\[\"a\"\,\"b\"\,\"a\"\]';
let str, _map = {}, arr = [], mod = 0;
flag = typeof flag === 'undefined' ? false : flag;
if (obj.constructor === Array) str = obj;
else if (obj.constructor === String) {
mod = 1;
str = obj.split('');
}
str.map(x => {
// 当flag是true,意思就是不区分大小写 比如A和a都要只保留一个,默认区分的
if(flag && typeof x ==='string') x =x.toLocaleLowerCase();
if (!_map[x]) {
_map[x] = 1; //次数为1
arr.push(x);
}
else _map[x] = _map[x] + 1;
});
console.log(_map); //打印出每个值的重复次数
return mod ? arr.join('') : arr;
}

下面是转换成ES5的代码(IE9以上包括IE9在内的标准模式可可以):

 'use strict';
var getRemoveRepeat = function getRemoveRepeat(obj, flag) {
if (typeof obj === 'undefined') return '传入\"abcab\"或\[\"a\"\,\"b\"\,\"a\"\]';
var str = void 0,
_map = {},
arr = [],
mod = 0;
flag = typeof flag === 'undefined' ? false : flag;
if (obj.constructor === Array) str = obj;else if (obj.constructor === String) {
mod = 1;
str = obj.split('');
}
str.map(function (x) {
// 当flag是true,意思就是不区分大小写 比如A和a都要只保留一个,默认区分的
if (flag && typeof x === 'string') x = x.toLocaleLowerCase();
if (!_map[x]) {
_map[x] = 1; //次数为1
arr.push(x);
} else _map[x] = _map[x] + 1;
});
console.log(_map); //打印出每个值的重复次数
return mod ? arr.join('') : arr;
};

下面是测试用例的截图(基于Chrome浏览的Console的面板):

字符串类型的去重

  

数组类型的去重:

  

jst通用删除数组中重复的值和删除字符串中重复的字符的更多相关文章

  1. Array.prototype.removeBeginWithVal(删除数组内以某值开头的字符串对象)

    Array扩展方法: //author: Kenmu //created time: 2015-03-16 //function: 删除数组内以某值开头的字符串对象 Array.prototype.r ...

  2. SVN版本冲突中 Files 的值“ < < < < < < < .mine”无效路径中具有非法字符的解决办法

    .NET 中 SVN版本冲突中 Files 的值“ < < < < < < < .mine”无效路径中具有非法字符的解决办法: 一. 1.将项目逐个进行编译, ...

  3. 使用Dictionary键值对判断字符串中字符出现次数

    介绍Dictionary 使用前需引入命名空间 using System.Collections.Generic Dictionary里面每一个元素都是一个键值对(由两个元素组成:键和值) 键必须是唯 ...

  4. gradle文件中自定义字段值在java代码中使用

    1. 在build.gradle 中  buildConfigField  的参数有3个 第一个类型 第二个为名称 第三个是值 如果是字符串类型 请不要忘记 双引号! buildTypes {     ...

  5. C# 使用正则表达式去掉字符串中的数字,或者去掉字符串中的非数字

            /// 去掉字符串中的数字           public static string RemoveNumber(string key)           {            ...

  6. JS中substring()方法(用于提取字符串中介于两个指定下标之间的字符)

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. [Visual Studio]项目属性中继承的值怎么删除

    遇到一个问题,莫名奇妙编译,却出错"找不到包含文件<winapifamily.h>",之前从没出过问题啊!百思不得其解. 研究包含winapifamily的位置,发现有 ...

  8. Oracle查询结果中:一列中相同的值或一列中重复的值,只显示一次

    http://www.itpub.net/thread-1768915-1-1.html 问题: CREATE TABLE test(ob_id VARCHAR(32),ob_name VARCHAR ...

  9. html中设置data-*属性值 并在js中进行获取属性值

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. 如何一步一步用DDD设计一个电商网站(十三)—— 领域事件扩展

    阅读目录 前言 回顾 本地的一致性 领域事件发布出现异常 订阅者处理出现异常 结语 一.前言 上篇中我们初步运用了领域事件,其中还有一些问题我们没有解决,所以实现是不健壮的,下面先来回顾一下. 二.回 ...

  2. setObject:forKey和setValue:forKey的区别

    setObject:forKey: 是NSMutableDictionary类的方法                              key参数类型可以是任意类型对象             ...

  3. PHP面向对象编程简单实例

     <?php date_default_timezone_set("PRC"); /** 1.静态属性用于保存类的公有数据* 2.静态方法里面只能访问静态属性* 3.静态成员 ...

  4. 警惕Dictionary和SortedDictionary的顺序陷阱

    /*我们查询资料得知Dictionary的遍历顺序和添加Add时的顺序是一致的,不像 HashTable 顺序不可知;于是我要依赖Dictionary的这种顺序一致特性做一个,固定大小400长度的队列 ...

  5. ICMP(网际控制报文协议)

    为了更有效的提高ip数据报的成功转发和交付的效率,在网际层使用了icmp网际控制报文协议,这个协议允许主机和路由器提供差错和异常情况的报告,icmp不是高层协议,而是网际层的协议,加在ip数据报中一起 ...

  6. java判断字符串String中是否存在中文

    public class IsContainChinese { public static boolean isContainChinese (String str){ boolean flag=tr ...

  7. CREELINKS平台_处理器CeGpio资源使用说明(CeGpio的配置与使用)

    0x00 CREELINKS平台简介     CREELINKS(创e联)是由大信科技有限公司研发,集合软硬件.操作系统.数据云储存.开发工具于一体,用于物联网产品的设计.研发与生产的平台.    平 ...

  8. KVO的概述与使用

      一,概述 KVO,即:Key-Value Observing,它提供一种机制,当指定的对象的属性被修改后,则对象就会接受到通知.简单的说就是每次指定的被观察的对象的属性被修改后,KVO就会自动通知 ...

  9. C++指向常量的指针和常指针

    C++指向常量的指针和常指针 指向常量的指针 通常情况下,可以通过指针去修改指针指向的内容.但是在某些情况下,只希望通过指针去访问指针指向的内容,不想修改.比如只想通过树根结点的指针去遍历输出树中所有 ...

  10. hibernate中save()、update()、saveOrUpdate()的区别

    save()方法很显然是执行保存操作的,如果是对一个新的刚new出来的对象进行保存,自然要使用这个方法了,数据库中没有这个对象. update()如果是对一个已经存在的托管对象进行更新那么肯定是要使用 ...