美文网首页
Filter @mpjme

Filter @mpjme

作者: 6659a0f02826 | 来源:发表于2017-08-10 22:56 被阅读4次
var animales = [
                {name : 'fluffykins', species : 'rabbit'},
                {name : 'caro', species : 'dog'},
                {name : 'hamilton', species : 'dog'},
                {name : 'harold', species : 'fish'},
                {name : 'ursula', species : 'cat'},
                {name : 'jimmy', species : 'fish'}
            ]
// 需求:找出species是dog的元素

// 一、以下是for循环写法

// var dogs =[];
// for(var i=0; i< animales.length; i++){
//  if(animales[i].species === 'dog'){
        // dogs.push(animales[i])
//      dogs.push(animales[i].name + ':' + animales[i].species)
//  }
// }
// 二、以下是filter的写法

var dogs = animales.filter(function(animale){
    return animale.species === 'dog'
});

console.log(dogs)
  • filter简介

返回数组中的满足回调函数中指定的条件的元素。

  • 语法

array1.filter(callbackfn[, thisArg])

  • 参数
  1. array1 必需。一个数组对象。
  2. callbackfn 必需。一个接受最多三个参数的函数。对于数组中的每个元素,filter 方法都会调用 callbackfn 函数一次。
  3. thisArg 可选。可在 callbackfn 函数中为其引用 this 关键字的对象。如果省略 thisArg,则 undefined 将用作 this 值。
  • 返回值

一个包含回调函数为其返回 true 的所有值的新数组。如果回调函数为 array1 的所有元素返回 false,则新数组的长度为 0。

相关文章

  • Filter @mpjme

    filter简介 返回数组中的满足回调函数中指定的条件的元素。 语法 array1.filter(callback...

  • Map @mpjme

    map简介 对数组的每个元素调用定义的回调函数并返回包含结果的数组。 语法 array1.map(callback...

  • Reduce @mpjme

    reduce简介 对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回...

  • Python中的filter函数与map函数

    filter()函数 filter()函数: filter(function or None, sequence)...

  • 使用CSS:filter实现类PS操作

    filter: blur(高斯模糊) filter: brightness(亮度) filter: contras...

  • EditText 小数 长度限制

    定义filter 使用filter

  • FFmpeg常用命令集

    滤镜解析 FFmpeg中filter分为: audio filter video filter Multimedi...

  • FFmpeg命令

    滤镜解析 FFmpeg中filter分为: audio filter video filter Multimedi...

  • Filter,Interceptor,Aspect

    1.Filter 1.1自定义Filter spring boot中Filter的使用步骤 自定义Filter继承...

  • Web 基础19 Filter入门

    1.1Filter的概述 1.1.1 Filter的简介 Filter也称之为过滤器,Filter是Servlet...

网友评论

      本文标题:Filter @mpjme

      本文链接:https://www.haomeiwen.com/subject/mgekrxtx.html