JS中去掉array中重復(fù)元素的方法
今天看了廖雪峰的js教程,看到了filter的用法。
其中用它來實(shí)現(xiàn)去除Array中重復(fù)元素的方法在這里記錄下來。
Filter
filter是一個(gè)常用的操作,它用于把Array的某些元素過濾掉,然后返回剩下的元素。
和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ù)元素的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- JavaScript去掉數(shù)組中的重復(fù)元素
- JS實(shí)現(xiàn)數(shù)組去重,顯示重復(fù)元素及個(gè)數(shù)的方法示例
- JavaScript 數(shù)組去重并統(tǒng)計(jì)重復(fù)元素出現(xiàn)的次數(shù)實(shí)例
- Javascript 去除數(shù)組的重復(fù)元素
- javascript中去除數(shù)組重復(fù)元素的實(shí)現(xiàn)方法【實(shí)例】
- JavaScript重復(fù)元素處理方法分析【統(tǒng)計(jì)個(gè)數(shù)、計(jì)算、去重復(fù)等】
- js 高效去除數(shù)組重復(fù)元素示例代碼
- js實(shí)用技巧之去除數(shù)組或者對象里重復(fù)選項(xiàng)
相關(guān)文章
微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法示例
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法,分別是navigator跳轉(zhuǎn)時(shí)、全局變量、列表index下標(biāo)取值以及form表單傳值的相關(guān)內(nèi)容,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
BootStrap中Table隱藏后顯示問題的實(shí)現(xiàn)代碼
這篇文章主要介紹了BootStrap中Table隱藏后顯示問題的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-08-08
微信小程序開發(fā)(一):服務(wù)器獲取數(shù)據(jù)列表渲染操作示例
這篇文章主要介紹了微信小程序開發(fā)服務(wù)器獲取數(shù)據(jù)列表渲染操作,結(jié)合實(shí)例形式分析了微信小程序后臺獲取服務(wù)器數(shù)據(jù)及前臺列表渲染相關(guān)操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-06-06
關(guān)于在Typescript中做錯誤處理的方式詳解
錯誤處理是軟件工程重要的一部分,如果處理得當(dāng),它可以為你節(jié)省數(shù)小時(shí)的調(diào)試和故障排除時(shí)間,我發(fā)現(xiàn)了與錯誤處理相關(guān)的三大疑難雜癥:TypeScript的錯誤類型,變量范圍和嵌套,讓我們逐一深入了解它們帶來的撓頭問題,感興趣的朋友可以參考下2023-09-09
javascript實(shí)現(xiàn)圖片左右滾動效果【可自動滾動,有左右按鈕】
這篇文章主要介紹了javascript實(shí)現(xiàn)圖片左右滾動效果,可實(shí)現(xiàn)自動滾動,帶有左右按鈕功能,基于插件scrollPic.js實(shí)現(xiàn),附帶了相應(yīng)的demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09

