詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法

更新時(shí)間：2016年03月07日 16:40:23 作者：qiaolevip

這篇文章主要介紹了詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法,及利用各種限制條件對(duì)數(shù)組和字符串進(jìn)行過濾,需要的朋友可以參考下

原理在代碼中表現(xiàn)得非常清晰，我們直接來(lái)看代碼例子：

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)

//去除數(shù)組中重復(fù)值 
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()); 
// "北京", "上海", "天津", "武漢"

您可能感興趣的文章:

相關(guān)文章

SpringMVC restful 注解之@RequestBody進(jìn)行json與object轉(zhuǎn)換
這篇文章主要介紹了SpringMVC restful 注解之@RequestBody進(jìn)行json與object轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下
2015-12-12
JS+CSS3實(shí)現(xiàn)的簡(jiǎn)易鐘表效果示例
這篇文章主要介紹了JS+CSS3實(shí)現(xiàn)的簡(jiǎn)易鐘表效果,涉及JavaScript結(jié)合定時(shí)器的頁(yè)面元素動(dòng)態(tài)設(shè)置與數(shù)值計(jì)算相關(guān)操作技巧,需要的朋友可以參考下
2019-04-04
uniapp圖片展示自適應(yīng)等比例縮放方法舉例
這篇文章主要給大家介紹了關(guān)于uniapp圖片展示自適應(yīng)等比例縮放方法的相關(guān)資料,在uniapp頁(yè)面展示中會(huì)遇到圖片展示問題,等比縮放或者自適應(yīng)view大小,需要的朋友可以參考下
2023-10-10
JavaScript實(shí)現(xiàn)命名空間的多種方式
隨著項(xiàng)目規(guī)模的不斷擴(kuò)大,如何有效地組織和管理代碼成為一個(gè)重要的課題,命名空間是解決這一問題的有效手段之一,它可以幫助我們避免全局變量污染,減少變量名沖突的問題,從而提高代碼的可維護(hù)性和模塊化程度,本文介紹了JavaScript實(shí)現(xiàn)命名空間的多種方式
2024-11-11
javascript控制Div層透明屬性由淺變深由深變淺逐漸顯示
控制Div層透明屬性,由淺變深逐漸顯示,由深變淺逐漸消失，具體實(shí)現(xiàn)代碼如下，喜歡的朋友可以感受下
2013-11-11
你必須知道的Javascript知識(shí)點(diǎn)之"深入理解作用域鏈"的介紹
本篇文章小編為大家介紹，你必須知道的Javascript知識(shí)點(diǎn)之"深入理解作用域鏈"的介紹。需要的朋友參考下
2013-04-04
JS打字效果的動(dòng)態(tài)菜單代碼分享
這篇文章主要介紹了JS打字效果的動(dòng)態(tài)菜單，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
js跑步算法的實(shí)現(xiàn)代碼
這篇文章主要是對(duì)js跑步算法的實(shí)現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
javascript中的繼承實(shí)例代碼
javascript中的繼承使用實(shí)例代碼，需要的朋友可以參考下。
2011-04-04
javascript設(shè)計(jì)模式 – 原型模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 原型模式,結(jié)合實(shí)例形式分析了javascript原型模式相關(guān)概念、原理、應(yīng)用場(chǎng)景及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04