详解JavaScript数组和字符串中去除重复值的方法
更新时间:2016年03月07日 16:40:23 作者:qiaolevip
这篇文章主要介绍了详解JavaScript数组和字符串中去除重复值的方法,及利用各种限制条件对数组和字符串进行过滤,需要的朋友可以参考下
原理在代码中表现得非常清晰,我们直接来看代码例子:
var ages = array.map(function(obj) { return obj.age; });
ages = ages.filter(function(v,i) { return ages.indexOf(v) == i; });
console.log(ages); //=> [17, 35]
function isBigEnough(element) {
return element >= 10;
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtered is [12, 130, 44]
function onlyUnique(value, index, self) {
return self.indexOf(value) === index;
}
// usage example:
var a = ['a', 1, 'a', 2, '1'];
var unique = a.filter( onlyUnique ); // returns ['a', 1, 2, '1']
比较好使的Function(不兼容IE7)
function unique(array){
return array.filter(function(el, index, arr) {
return index == arr.indexOf(el);
});
}
比较好使的Function(兼容IE7)
//去除数组中重复值
function getNoRepeat(s) {
return s.sort().join(",,").replace(/(,|^)([^,]+)(,,\2)+(,|$)/g,"$1$2$4").replace(/,,+/g,",").replace(/,$/,"").split(",");
}
var arr = ["北京", "上海", "天津", "武汉", "上海", "天津", "武汉", "北京", "上海", "天津", "武汉", "天津", "武汉", "天津", "武汉", "天津", "武汉",
"北京", "上海", "天津", "武汉", "上海", "天津", "武汉", "北京", "上海", "天津", "武汉", "天津", "武汉", "天津", "武汉", "天津", "武汉",
"北京", "上海", "天津", "武汉", "上海", "天津", "武汉", "北京", "上海", "天津", "武汉", "天津", "武汉", "天津", "武汉", "天津", "武汉"];
arr = getNoRepeat(arr);
alert(arr.length);// 4
alert(arr.toString()); // "北京", "上海", "天津", "武汉"
利用map原理
var arr = ["北京", "上海", "天津", "武汉", "上海", "天津", "武汉", "北京", "上海", "天津", "武汉", "天津", "武汉", "天津", "武汉", "天津", "武汉",
"北京", "上海", "天津", "武汉", "上海", "天津", "武汉", "北京", "上海", "天津", "武汉", "天津", "武汉", "天津", "武汉", "天津", "武汉",
"北京", "上海", "天津", "武汉", "上海", "天津", "武汉", "北京", "上海", "天津", "武汉", "天津", "武汉", "天津", "武汉", "天津", "武汉"];
var json = {};
for(var i = 0; i < arr.length; i++){
json[arr[i]] = arr[i];
}
arr = new Array();
for(var key in json){
arr.push(key);
}
alert(arr.toString());
// "北京", "上海", "天津", "武汉"
相关文章
SpringMVC restful 注解之@RequestBody进行json与object转换
这篇文章主要介绍了SpringMVC restful 注解之@RequestBody进行json与object转换的相关资料,需要的朋友可以参考下2015-12-12
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
控制Div层透明属性,由浅变深逐渐显示,由深变浅逐渐消失,具体实现代码如下,喜欢的朋友可以感受下2013-11-11
你必须知道的Javascript知识点之"深入理解作用域链"的介绍
本篇文章小编为大家介绍,你必须知道的Javascript知识点之"深入理解作用域链"的介绍。需要的朋友参考下2013-04-04
javascript设计模式 – 原型模式原理与应用实例分析
这篇文章主要介绍了javascript设计模式 – 原型模式,结合实例形式分析了javascript原型模式相关概念、原理、应用场景及操作注意事项,需要的朋友可以参考下2020-04-04


最新评论