详解JavaScript数组和字符串中去除重复值的方法
作者:拾光时间:2026-10-29 22:59:01浏览:582
本文详细解析JavaScript中去除数组和字符串重复值的多种实现方式。重点介绍利用ES5的map与filter方法结合indexOf进行去重,探讨兼容IE7的函数写法,以及基于正则表达式的字符串去重技巧。同时提供使用Map对象或JSON键值对进行高效去重的方案,帮助开发者根据浏览器兼容性和性能需求选择合适策略。
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']
不兼容IE7的高效Function方案
一种较为高效的Function实现方式(注意:该方法在IE7浏览器中不兼容)
function unique(array){
return array.filter(function(el, index, arr) {
return index == arr.indexOf(el);
});
}
兼容IE7的Function方案
一种兼容性更好的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原理的去重实现
基于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());
// "北京", "上海", "天津", "武汉"
作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
