Maison > interface Web > js tutoriel > À propos de l'utilisation du filtre de tableau js

À propos de l'utilisation du filtre de tableau js

不言
Libérer: 2018-07-14 17:15:40
original
5369 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode de filtre de tableau js, qui a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

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 遍历到它们那一刻的值。被删除或从来未被赋值的元素不会被遍历到。
Copier après la connexion

Exemple 1-. - Filtrer les valeurs inférieures à 10 ;

 function isBigEnough(element) {   
    return element >= 10;
 }
 var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
Copier après la connexion

Exemple 2 - Filtrer les données dans l'objet ; est principalement utilisé pour les fonctions de filtrage ;

    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"'
                          //         }
Copier après la connexion

et plus C'est tout le contenu de cet article. J'espère qu'il sera utile à l'étude de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Analyse du rôle du symbole $ dans jQuery

Analyse des objets hôtes dans js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal