jst通用删除数组中重复的值和删除字符串中重复的字符
以下内容属于个人原创,转载请注明出处,非常感谢!
删除数组中重复的值或者删除字符串重复的字符,是我们前端开发人员碰到很多这样的场景。还有求职者在被面试时也会碰到这样的问题!比如:问删除字符串重复的字符,保留其中的一个,并打印出重复的次数。
其实这种问题或者场景,要是针对删除字符串重复的字符,这个可以用正则表达式实现,那么这个需要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通用删除数组中重复的值和删除字符串中重复的字符的更多相关文章
- Array.prototype.removeBeginWithVal(删除数组内以某值开头的字符串对象)
Array扩展方法: //author: Kenmu //created time: 2015-03-16 //function: 删除数组内以某值开头的字符串对象 Array.prototype.r ...
- SVN版本冲突中 Files 的值“ < < < < < < < .mine”无效路径中具有非法字符的解决办法
.NET 中 SVN版本冲突中 Files 的值“ < < < < < < < .mine”无效路径中具有非法字符的解决办法: 一. 1.将项目逐个进行编译, ...
- 使用Dictionary键值对判断字符串中字符出现次数
介绍Dictionary 使用前需引入命名空间 using System.Collections.Generic Dictionary里面每一个元素都是一个键值对(由两个元素组成:键和值) 键必须是唯 ...
- gradle文件中自定义字段值在java代码中使用
1. 在build.gradle 中 buildConfigField 的参数有3个 第一个类型 第二个为名称 第三个是值 如果是字符串类型 请不要忘记 双引号! buildTypes { ...
- C# 使用正则表达式去掉字符串中的数字,或者去掉字符串中的非数字
/// 去掉字符串中的数字 public static string RemoveNumber(string key) { ...
- JS中substring()方法(用于提取字符串中介于两个指定下标之间的字符)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- [Visual Studio]项目属性中继承的值怎么删除
遇到一个问题,莫名奇妙编译,却出错"找不到包含文件<winapifamily.h>",之前从没出过问题啊!百思不得其解. 研究包含winapifamily的位置,发现有 ...
- Oracle查询结果中:一列中相同的值或一列中重复的值,只显示一次
http://www.itpub.net/thread-1768915-1-1.html 问题: CREATE TABLE test(ob_id VARCHAR(32),ob_name VARCHAR ...
- html中设置data-*属性值 并在js中进行获取属性值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
随机推荐
- windows下搭建GO开发环境
1. Go下载 由于某些原因golang.org不能访问,可以使用下面的镜像地址进行下 http://fossies.org/windows/misc/ 我的环境是win8 64位,所以选择go1.7 ...
- array_count_values:返回数组中所有值出现的次数
$arr1 = ['a','b','c','d','e','e','a','a']; $arr = array_count_values($arr1); echo '<pre>'; p ...
- Html中插入javascript不识别问题
今天,在敲代码的时候往html中加入一个JavaScript代码段.如下所示,加入后var没有自动变颜色,起初以为没有大问题,于是就接着往下敲. 调试的时候,发现没有反应. <script la ...
- 用JS计算预计时间与现在时间的差
1.我用的是bootstrap网格布局,首先要引入bootstrap类. (1)<script src="jquery-1.11.2.min.js"></scri ...
- C/C++中慎用宏(#define)
宏的定义在程序中是非常有用的,但是使用不当,就会给自身造成很大的困扰.通常这种困扰为:宏使用在计算方面. 本例子主要是在宏的计算方面,很多时候,大家都知道定义一个计算的宏,对于编译和编程是多么的有用. ...
- 安装和配置Symfony
为了简化创建新项目的过程,Symfony提供一个安装程序. 安装Symfony Installer 使用Symfony Installer是创建新的Symfony项目的唯一推荐方式,这个install ...
- framework各版本新特性(为面试准备)
菜鸟D估计描述这些新特性的文章都是烂大街的货色,之所以拿出来分(e)享(xin)一下,有两个原因:1.当年面试的时候有人问到,我不知道该怎么回答:2.项目需要发布了,但是考虑到framework的版本 ...
- Codeforces 506E Mr. Kitayuta's Gift (矩阵乘法,动态规划)
描述: 给出一个单词,在单词中插入若干字符使其为回文串,求回文串的个数(|s|<=200,n<=10^9) 这道题超神奇,不可多得的一道好题 首先可以搞出一个dp[l][r][i]表示回文 ...
- 【CNMP系列】CentOS7.0下安装PHP5.6.30服务
上一节我们讲过了如何在CentOS7.0下安装MySql服务,如果没有看到欢迎页面的朋友,可以加我的个人微信详聊:litao514148204 附上一节地址:http://www.cnblogs.co ...
- UITableView多层展开与收起
规则要求: tableview 有多层,类似于xcode文件目录的层级关系,每一个最开始展示的层姑且称之为根目录吧,并且,每个根目录下的层数不定. 与文件目录类似,每个目录下可以有不同层级的目录同时展 ...