JavaScript移除數(shù)組內(nèi)重復(fù)元素的方法
更新時(shí)間：2015年03月18日 10:45:51 作者：上大王
這篇文章主要介紹了JavaScript移除數(shù)組內(nèi)重復(fù)元素的方法,實(shí)例分析了javascript遍歷數(shù)組及刪除等操作的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了JavaScript移除數(shù)組內(nèi)重復(fù)元素的方法。分享給大家供大家參考。具體分析如下：
這段JS代碼用于從數(shù)組中移除重復(fù)的元素，比如： ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'] 去重后返回：s ['apple', 'orange', 'peach', 'strawberry']
復(fù)制代碼 代碼如下:
function removeDuplicates(arr) {
var temp = {};
for (var i = 0; i < arr.length; i++)
temp[arr[i]] = true;
var r = [];
for (var k in temp)
r.push(k);
return r;
}
//Usage
var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
var uniquefruits = removeDuplicates(fruits);
//print uniquefruits ['apple', 'orange', 'peach', 'strawberry'];
var temp = {};
for (var i = 0; i < arr.length; i++)
temp[arr[i]] = true;
var r = [];
for (var k in temp)
r.push(k);
return r;
}
//Usage
var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
var uniquefruits = removeDuplicates(fruits);
//print uniquefruits ['apple', 'orange', 'peach', 'strawberry'];
下面的代碼可以在瀏覽器中驗(yàn)證
復(fù)制代碼 代碼如下:
Remove duplicate elements from an array. <br>
<pre> var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
</pre>
Note 'orange' is duplicate in fruits array. Click to remove duplicate elements from fruits array:<br>
<button onclick="check()">Remove Duplicate</button>
<script>
function removeDuplicates(arr) {
var temp = {};
for (var i = 0; i < arr.length; i++)
temp[arr[i]] = true;
var r = [];
for (var k in temp)
r.push(k);
return r;
}
function check() {
var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
var uniquefruits = removeDuplicates(fruits);
alert(uniquefruits);
}
</script>
<pre> var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
</pre>
Note 'orange' is duplicate in fruits array. Click to remove duplicate elements from fruits array:<br>
<button onclick="check()">Remove Duplicate</button>
<script>
function removeDuplicates(arr) {
var temp = {};
for (var i = 0; i < arr.length; i++)
temp[arr[i]] = true;
var r = [];
for (var k in temp)
r.push(k);
return r;
}
function check() {
var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
var uniquefruits = removeDuplicates(fruits);
alert(uniquefruits);
}
</script>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了全面解析Bootstrap圖片輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-12-12
簡(jiǎn)單的加密css地址防止別人下載你的CSS文件的方法
阻止別人不那么容易下載或查看到你的CSS文件,高手可能阻止不了,不過(guò)新手們一時(shí)會(huì)不知所措,費(fèi)一番周折了2009-10-10
JavaScript設(shè)計(jì)模式之單例模式簡(jiǎn)單實(shí)例教程
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之單例模式,結(jié)合簡(jiǎn)單實(shí)例形式分析了單例模式的概念、功能及javascript定義與使用單例模式相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要給大家介紹了關(guān)于前端常用幾種加密方法的相關(guān)資料,需要的朋友可以參考下2024-01-01
使FORM表單的的所有元素不可編輯的方法有很多，在本文將為大家詳細(xì)介紹下，js是如何做到的，感興趣的朋友不要錯(cuò)過(guò)2013-10-10
[紅色]圖片預(yù)載入...2006-10-10
js中判斷文本框是否為空的兩種方法，需要的朋友可以參考下。2011-07-07
JavaScript+html5 canvas制作的百花齊放效果完整實(shí)例
這篇文章主要介紹了JavaScript+html5 canvas制作的百花齊放效果,結(jié)合完整實(shí)例形式分析了使用html5的canvas技術(shù)動(dòng)態(tài)繪制圖形的技巧,需要的朋友可以參考下2016-01-01
從網(wǎng)上看到一些使用js獲取QueryString的方法，但用起來(lái)不是很理想，所以決定自己寫(xiě)一個(gè)。主要原理是使用正則表達(dá)式匹配location.search中的字符串。2010-02-02
本文主要介紹了JS變量及其作用域的相關(guān)知識(shí)。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-03-03