成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

javascript filter詳解及應(yīng)用

Jacendfeng / 3023人閱讀

摘要:再來(lái)一個(gè)應(yīng)用,巧妙地用結(jié)合實(shí)現(xiàn)去重利用的過(guò)濾功能和返回?cái)?shù)組項(xiàng)所在的索引,相同項(xiàng)返回第一個(gè)的索引這個(gè)特性。您的點(diǎn)贊是我繼續(xù)寫(xiě)下去的動(dòng)力歡迎吐槽謝謝

filter()

簡(jiǎn)單講filter就是一個(gè)數(shù)組過(guò)濾器,參數(shù)接收一個(gè)函數(shù),數(shù)組的每一項(xiàng)經(jīng)過(guò)函數(shù)過(guò)濾,返回一個(gè)符合過(guò)濾條件的新數(shù)組

函數(shù)接收三個(gè)參數(shù):

item (當(dāng)前遍歷的數(shù)組項(xiàng))

i (當(dāng)前項(xià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時(shí),當(dāng)前項(xiàng)存入新數(shù)組。
            return item % 2 == 0
        })
        console.log(newArr)
再來(lái)一個(gè)應(yīng)用,巧妙地用filter結(jié)合indexof實(shí)現(xiàn)去重
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的過(guò)濾功能和indexof返回?cái)?shù)組項(xiàng)所在的索引,相同項(xiàng)返回第一個(gè)的索引這個(gè)特性。

您的點(diǎn)贊是我繼續(xù)寫(xiě)下去的動(dòng)力!

歡迎吐槽! 謝謝!

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/100467.html

相關(guān)文章

  • 常用JavaScript小技巧原理詳解

    摘要:使用一元加模擬函數(shù)原理對(duì)非數(shù)值類型的數(shù)據(jù)使用一元加,會(huì)起到與函數(shù)相同的效果。中,若判斷不為則不再進(jìn)行下一步操作。使用邏輯或設(shè)置默認(rèn)值邏輯或也屬于短路操作,即當(dāng)?shù)谝粋€(gè)操作數(shù)可以決定結(jié)果時(shí),不再對(duì)第二個(gè)操作數(shù)進(jìn)行求值。 善于利用JS中的小知識(shí)的利用,可以很簡(jiǎn)潔的編寫(xiě)代碼 1. 使用!!模擬Boolean()函數(shù) 原理:邏輯非操作一個(gè)數(shù)據(jù)對(duì)象時(shí),會(huì)先將數(shù)據(jù)對(duì)象轉(zhuǎn)換為布爾值,然后取反,兩個(gè)!!...

    chnmagnus 評(píng)論0 收藏0
  • 深入了解JavaScript 中的For循環(huán)之詳解

    摘要:將品牌的標(biāo)價(jià)全部加蘇南的專欄交流公眾號(hào)不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè)。方法用于調(diào)用數(shù)組的每個(gè)元素,并將元素傳遞給回調(diào)函數(shù)。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個(gè)有關(guān)于循環(huán)篩選的知識(shí)點(diǎn),也許是前端小白的你首先想到的是用for循環(huán)做篩選,但我這種小菜鳥(niǎo)想到的就是map(工作中很喜歡...

    linkin 評(píng)論0 收藏0
  • 深入了解JavaScript 中的For循環(huán)之詳解

    摘要:將品牌的標(biāo)價(jià)全部加蘇南的專欄交流公眾號(hào)不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè)。方法用于調(diào)用數(shù)組的每個(gè)元素,并將元素傳遞給回調(diào)函數(shù)。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個(gè)有關(guān)于循環(huán)篩選的知識(shí)點(diǎn),也許是前端小白的你首先想到的是用for循環(huán)做篩選,但我這種小菜鳥(niǎo)想到的就是map(工作中很喜歡...

    jimhs 評(píng)論0 收藏0
  • 關(guān)于web.xml配置的那些事兒

    摘要:的版本增加了對(duì)事件監(jiān)聽(tīng)程序的支持,事件監(jiān)聽(tīng)程序在建立修改和刪除會(huì)話或環(huán)境時(shí)得到通知。元素指出事件監(jiān)聽(tīng)程序類。過(guò)濾器配置將一個(gè)名字與一個(gè)實(shí)現(xiàn)接口的類相關(guān)聯(lián)。 1.簡(jiǎn)介 web.xml文件是Java web項(xiàng)目中的一個(gè)配置文件,主要用于配置歡迎頁(yè)、Filter、Listener、Servlet等,但并不是必須的,一個(gè)java web項(xiàng)目沒(méi)有web.xml文件照樣能跑起來(lái)。Tomcat容器/...

    zhichangterry 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<