首頁 web前端 js教程 關於js數組filter的用法

關於js數組filter的用法

Jul 14, 2018 pm 05:15 PM
js數組

這篇文章主要介紹了關於js 數組fi​​lter 方法的使用,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

filter()方法使用指定的函数测试所有元素,并创建一个包含所有通过测试的元素的新数组。

filter()基本语法:
        arr.filter(callback[, thisArg])

filter()参数介绍:
        参数名    说明
        callback   用来测试数组的每个元素的函数。调用时使用参数 (element, index, array)
        返回true表示保留该元素(通过测试),false则不保留。
        thisArg    可选。执行 callback 时的用于 this 的值。

filter()用法说明:

        filter 为数组中的每个元素调用一次 callback 函数,并利用所有使得 callback 返回 true 或 等价于 true 的值 的元素创建一个新数组。
        callback 只会在已经赋值的索引上被调用,对于那些已经被删除或者从未被赋值的索引不会被调用。那些没有通过 callback 测试的元素会被跳过,不会被包含在新数组中。

        callback 被调用时传入三个参数:

        元素的值
        元素的索引
        被遍历的数组
        如果为 filter 提供一个 thisArg 参数,则它会被作为 callback 被调用时的 this 值。否则,callback 的this 值在非严格模式下将是全局对象,严格模式下为 undefined。

        filter 不会改变原数组。

        filter 遍历的元素范围在第一次调用 callback 之前就已经确定了。在调用 filter 之后被添加到数组中的元素不会被 filter 遍历到。
        如果已经存在的元素被改变了,则他们传入 callback 的值是 filter 遍历到它们那一刻的值。被删除或从来未被赋值的元素不会被遍历到。
登入後複製

例子1-- 過濾小於10 的值;

 function isBigEnough(element) {   
    return element >= 10;
 }
 var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
登入後複製

範例2-- 過濾物件中的資料; 多用於篩選功能;

    var arr = [
      {
        name: '小米',
        code: '01'
      },
      {
        name: "小米米",
        code: '02'
      },
      {
        name: "小明",
        code: '03'
      },
      {
        name: "大明",
        code: '"04"'
      }
    ]
    var newArr = arr.filter((v) => { return v.name.includes('明') })
    console.log(newArr);  //         {
                          //         name: "小明",
                          //          code: '03'
                          //         },
                          //         {
                          //          name: "大明",
                          //          code: '"04"'
                          //         }
登入後複製

以上就是本文的全部內容,希望對大家的學習有幫助,更多相關內容請關注PHP中文網!

 相關推薦:

對於jQuery中$符號的作用的分析

對js中宿主物件的解析

以上是關於js數組filter的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

es6 陣列怎麼移除元素 es6 陣列怎麼移除元素 Jan 11, 2023 pm 03:51 PM

方法:1、用shift()刪除第一個元素,語法「陣列.shift()」;2、用pop()刪除最後一個元素,語法「陣列.pop()」;3、用splice()刪除任意位置的元素,語法「數組.splice(位置,個數)」;4、用length刪除尾部的N個元素,語法「數組.length=原數組長度-N」;5、直接賦予空數組「[ ]」來清空元素;6、用delete刪除指定下標的一個元素。

js數組可以轉換成php數組嗎 js數組可以轉換成php數組嗎 Jun 02, 2023 am 10:06 AM

js數組可以轉換成php數組,其操作方法為:1、建立php範例檔;2、使用語法「JSON.stringify()」將js數組轉換為JSON格式的字串;3、使用語法「json_decode() 」將JSON格式字串轉為PHP數組,此處新增了參數true,表示將JSON格式字串轉換成PHP關聯數組。

javascript如何將字串轉為數組 javascript如何將字串轉為數組 Nov 23, 2022 pm 07:28 PM

3種轉換方法:1、使用split(),可將給定字串拆分為字串數組,語法「str.split(分隔符號,數組最大長度)」;2、利用擴展運算子「... ”,可迭代字串對象,將其轉為字元數組,語法“[...str]”;3、使用Array.from(),可將字串轉為數組,語法“Array.from(str) 」。

js取得數組長度的方法 js取得數組長度的方法 Jun 20, 2023 pm 05:33 PM

在 JS 中取得數組長度非常簡單,每個數組都有一個 length 屬性,該屬性傳回數組的最大長度,即其值等於最大下標值加 1。由於數字下標必須小於 2^32-1,所以 length 屬性最大值等於 2^32-1。下面程式碼定義了一個空數組,然後為下標等於 100 的元素賦值,則 length 屬性傳回 101。因此,length 屬性不能體現陣列元素的實際個數。

js數組刪除某個元素有幾種方法 js數組刪除某個元素有幾種方法 Aug 02, 2023 am 10:09 AM

js陣列刪除某個元素有4種方法,分別是:1、使用splice;2、使用filter;3、使用pop方法和shift;4、使用delete關鍵字。

JS陣列排序:sort()方法怎麼用 JS陣列排序:sort()方法怎麼用 Dec 27, 2023 pm 03:40 PM

JavaScript的Array.prototype.sort()方法用於對陣列的元素進行排序。此方法是就地排序,也就是說,它修改原始數組,而不是傳回一個新的排序數組。預設情況下,sort()方法會依照字串Unicode碼點值進行排序。這意味著它主要用於字串和數字的排序,而不是用於物件或其他複雜資料類型的排序。

js數組去重的方法有哪些 js數組去重的方法有哪些 Aug 09, 2023 pm 04:47 PM

js數組去重的方法有使用Set、使用indexOf、使用includes、使用filter和使用reduce。 1.使用Set,特點是集合中的元素不會重複;2、使用indexOf,可以傳回指定元素在數組中的第一個索引位置;3、使用includes,可以用來判斷一個元素是否已經存在於數組中;4、使用filter,可以用來篩選元素;5、使用reduce,可以將陣列中的元素壓縮等等。

JavaScript怎麼求數組長度和元素總和 JavaScript怎麼求數組長度和元素總和 Sep 20, 2022 pm 02:11 PM

JavaScript中,可利用length屬性來取得數組長度,語法「數組物件.length」;可使用reduce()或reduceRight()函數來求元素總和,語法「arr.reduce(function f(pre,curr){ return pre+cur})」或「arr.reduceRight(function f(pre,curr){return pre+cur})」。

See all articles