資訊專欄INFORMATION COLUMN
摘要：再來一個應(yīng)用，巧妙地用結(jié)合實現(xiàn)去重利用的過濾功能和返回數(shù)組項所在的索引，相同項返回第一個的索引這個特性。您的點贊是我繼續(xù)寫下去的動力歡迎吐槽謝謝
簡單講filter就是一個數(shù)組過濾器，參數(shù)接收一個函數(shù)，數(shù)組的每一項經(jīng)過函數(shù)過濾，返回一個符合過濾條件的新數(shù)組
函數(shù)接收三個參數(shù)：
item （當(dāng)前遍歷的數(shù)組項）
i （當(dāng)前項索引）
arr （調(diào)用filter數(shù)組本身）
// 需求找到數(shù)組內(nèi)偶數(shù)
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
let newArr = arr.filter((item, i, arr) => {
//函數(shù)本身返回布爾值，只有當(dāng)返回值為true時，當(dāng)前項存入新數(shù)組。
return item % 2 == 0
})
console.log(newArr)
let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 2, 3, 4, 5, 6, 7]
let newArr = arr1.filter(function(item, i, self) {
let a = self.indexOf(item)
console.log(`item----${item},self.indexOf(item)---${a},i----${i}`)
return self.indexOf(item) === i;
});
console.log(newArr) //[1, 2, 3, 4, 5, 6, 7, 8]
**利用filter的過濾功能和indexof返回數(shù)組項所在的索引，相同項返回第一個的索引這個特性。
您的點贊是我繼續(xù)寫下去的動力！
歡迎吐槽！ 謝謝！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/100467.html
摘要：使用一元加模擬函數(shù)原理對非數(shù)值類型的數(shù)據(jù)使用一元加，會起到與函數(shù)相同的效果。中，若判斷不為則不再進(jìn)行下一步操作。使用邏輯或設(shè)置默認(rèn)值邏輯或也屬于短路操作，即當(dāng)?shù)谝粋€操作數(shù)可以決定結(jié)果時，不再對第二個操作數(shù)進(jìn)行求值。 善于利用JS中的小知識的利用，可以很簡潔的編寫代碼 1. 使用!!模擬Boolean()函數(shù) 原理：邏輯非操作一個數(shù)據(jù)對象時，會先將數(shù)據(jù)對象轉(zhuǎn)換為布爾值，然后取反，兩個!!...
摘要：將品牌的標(biāo)價全部加蘇南的專欄交流公眾號不會對空數(shù)組進(jìn)行檢測。方法用于調(diào)用數(shù)組的每個元素，并將元素傳遞給回調(diào)函數(shù)。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個有關(guān)于循環(huán)篩選的知識點，也許是前端小白的你首先想到的是用for循環(huán)做篩選，但我這種小菜鳥想到的就是map(工作中很喜歡...
摘要：將品牌的標(biāo)價全部加蘇南的專欄交流公眾號不會對空數(shù)組進(jìn)行檢測。方法用于調(diào)用數(shù)組的每個元素，并將元素傳遞給回調(diào)函數(shù)。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個有關(guān)于循環(huán)篩選的知識點，也許是前端小白的你首先想到的是用for循環(huán)做篩選，但我這種小菜鳥想到的就是map(工作中很喜歡...
摘要：的版本增加了對事件監(jiān)聽程序的支持，事件監(jiān)聽程序在建立修改和刪除會話或環(huán)境時得到通知。元素指出事件監(jiān)聽程序類。過濾器配置將一個名字與一個實現(xiàn)接口的類相關(guān)聯(lián)。 1.簡介 web.xml文件是Java web項目中的一個配置文件，主要用于配置歡迎頁、Filter、Listener、Servlet等，但并不是必須的，一個java web項目沒有web.xml文件照樣能跑起來。Tomcat容器/...
閱讀 1719·2021-09-22 15:21
閱讀 2936·2021-09-09 09:32
閱讀 2803·2021-09-02 09:52
閱讀 3369·2019-08-30 14:02
閱讀 2284·2019-08-26 13:25
閱讀 1540·2019-08-26 13:24
閱讀 1680·2019-08-26 10:31
閱讀 1624·2019-08-26 10:16
