JS中去掉array中重復(fù)元素的方法

更新時(shí)間：2017年05月26日 09:24:27 作者：_A_Tong

這篇文章主要介紹了JS中去掉array中重復(fù)元素的方法,需要的朋友可以參考下

今天看了廖雪峰的js教程，看到了filter的用法。

其中用它來(lái)實(shí)現(xiàn)去除Array中重復(fù)元素的方法在這里記錄下來(lái)。

Filter

filter是一個(gè)常用的操作，它用于把Array的某些元素過(guò)濾掉，然后返回剩下的元素。

和map()類似，Array的filter()也接收一個(gè)函數(shù)。和map()不同的是，filter()把傳入的函數(shù)依次作用于每個(gè)元素，然后根據(jù)返回值是true還是false決定保留還是丟棄該元素。

利用filter，可以巧妙地去除Array的重復(fù)元素：

'use strict';
var
  r,
  arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
  r = arr.filter(function (element, index, self) {
  return self.indexOf(element) === index;
});

因?yàn)锳rray中的indexOf總是返回第一次出現(xiàn)某一個(gè)元素的位置，后續(xù)的重復(fù)元素位置與indexOf返回的位置不相等，因此被filter濾掉了。

以上所述是小編給大家介紹的JS中去掉array中重復(fù)元素的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

分享Typescript的13個(gè)基礎(chǔ)語(yǔ)法
這篇文章主要分享了Typescript的14個(gè)基礎(chǔ)語(yǔ)法，Typescript可以說(shuō)是JavaScript的超集，在JS的基礎(chǔ)上新增了許多語(yǔ)法特性，使得類型不再可以隨意轉(zhuǎn)換，能大大減少開發(fā)階段的錯(cuò)誤。
2021-12-12
微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法示例
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法，分別是navigator跳轉(zhuǎn)時(shí)、全局變量、列表index下標(biāo)取值以及form表單傳值的相關(guān)內(nèi)容，需要的朋友可以參考借鑒，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2018-01-01
js動(dòng)態(tài)往表格的td中添加圖片并注冊(cè)事件
這篇文章主要介紹了使用js動(dòng)態(tài)往表格的td中添加圖片并注冊(cè)事件,需要的朋友可以參考下
2014-06-06
關(guān)于微信中a鏈接無(wú)法跳轉(zhuǎn)問(wèn)題
微信頁(yè)面開發(fā)時(shí)，各個(gè)主頁(yè)之間的跳轉(zhuǎn)，完全是通過(guò)a鏈接進(jìn)行的，但是來(lái)回跳轉(zhuǎn)幾次，再次從其他主頁(yè)面跳回首頁(yè)的時(shí)候，微信頭部出現(xiàn)了跳轉(zhuǎn)加載進(jìn)度條，但是就是不跳轉(zhuǎn)，也沒(méi)有任何反應(yīng)，怎么回事呢？下面小編給大家解答下
2016-08-08
BootStrap中Table隱藏后顯示問(wèn)題的實(shí)現(xiàn)代碼
這篇文章主要介紹了BootStrap中Table隱藏后顯示問(wèn)題的實(shí)現(xiàn)代碼,需要的朋友可以參考下
2017-08-08
微信小程序開發(fā)（一）：服務(wù)器獲取數(shù)據(jù)列表渲染操作示例
這篇文章主要介紹了微信小程序開發(fā)服務(wù)器獲取數(shù)據(jù)列表渲染操作,結(jié)合實(shí)例形式分析了微信小程序后臺(tái)獲取服務(wù)器數(shù)據(jù)及前臺(tái)列表渲染相關(guān)操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
2020-06-06
js獲取當(dāng)前日期時(shí)間及其它操作匯總
Js獲取當(dāng)前日期時(shí)間及其它操作，還有一些自己常用的方法，很好用，也很全。這里推薦給大家，有需要的小伙伴可以參考下。
2015-04-04
使用原生JS快速寫出一個(gè)五子棋小游戲
五子棋游戲是一款大家耳熟能詳?shù)囊嬷穷愑螒?下面這篇文章主要給大家介紹了關(guān)于如何使用原生JS快速寫出一個(gè)五子棋小游戲的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-06-06
關(guān)于在Typescript中做錯(cuò)誤處理的方式詳解
錯(cuò)誤處理是軟件工程重要的一部分,如果處理得當(dāng),它可以為你節(jié)省數(shù)小時(shí)的調(diào)試和故障排除時(shí)間,我發(fā)現(xiàn)了與錯(cuò)誤處理相關(guān)的三大疑難雜癥：TypeScript的錯(cuò)誤類型,變量范圍和嵌套,讓我們逐一深入了解它們帶來(lái)的撓頭問(wèn)題,感興趣的朋友可以參考下
2023-09-09
javascript實(shí)現(xiàn)圖片左右滾動(dòng)效果【可自動(dòng)滾動(dòng)，有左右按鈕】
這篇文章主要介紹了javascript實(shí)現(xiàn)圖片左右滾動(dòng)效果,可實(shí)現(xiàn)自動(dòng)滾動(dòng),帶有左右按鈕功能,基于插件scrollPic.js實(shí)現(xiàn),附帶了相應(yīng)的demo源碼供讀者下載參考,需要的朋友可以參考下
2016-09-09