详解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()); 
// "北京", "上海", "天津", "武汉" 

相关文章

  • JavaScript 以对象为索引的关联数组

    JavaScript 以对象为索引的关联数组

    我们常说JavaScript原生支持json,因为我们可以认为json就是对JavaScript的Object对象的灵活应用。
    2010-05-05
  • 分享javascript、jquery实用代码段

    分享javascript、jquery实用代码段

    这篇文章主要为大家分享了javascript、jquery实用代码段,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • JavaScript 给汉字排序实例代码

    JavaScript 给汉字排序实例代码

    数组的 sort 方法默认字符的编码排序,有时候要给一组汉字排序,默认的方法就不适用了。
    2008-06-06
  • 一文详解Vue中插槽的具体使用

    一文详解Vue中插槽的具体使用

    Vue的插槽(Slot)是一种可以让父组件向子组件传递内容的机制,这篇文章主要通过一些简单的示例为大家介绍了插槽的具体使用,感兴趣的小伙伴可以了解一下
    2023-06-06
  • 微信小程序登录换取token的教程

    微信小程序登录换取token的教程

    本篇文章主要介绍了微信小程序登录换取token的教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • JavaScript如何在前端代码中读、写本地文件

    JavaScript如何在前端代码中读、写本地文件

    在前端JavaScript中,由于安全考虑浏览器不允许直接操作文件系统,但浏览器提供了有限的文件操作能力,这篇文章主要介绍了JavaScript如何在前端代码中读、写本地文件的相关资料,需要的朋友可以参考下
    2024-09-09
  • JavaScript脚本延迟加载有哪些方式

    JavaScript脚本延迟加载有哪些方式

    本文主要介绍了JavaScript脚本延迟加载有哪些方式,主要介绍了五种方式,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
    2024-04-04
  • Bootstrap table右键功能实现方法

    Bootstrap table右键功能实现方法

    这篇文章主要为大家详细介绍了Bootstrap table右键功能的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • js中Object.defineProperty()方法的不详解

    js中Object.defineProperty()方法的不详解

    这篇文章主要介绍了js中Object.defineProperty()方法的不详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • vue+ts下对axios的封装实现

    vue+ts下对axios的封装实现

    这篇文章主要介绍了vue+ts下对axios的封装实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02

最新评论