资讯专栏INFORMATION COLUMN

javascript中filter的用法

lookSomeone / 1764人阅读

摘要:用于把的某些元素过滤掉,然后返回剩下的元素。和不同的是,把传入的函数依次作用于每个元素,然后根据返回值是还是决定保留还是丢弃该元素。例如,在一个中,删掉偶数,只保留奇数,可以这么写把一个中的空字符串删掉,可以这么写注意以下的版本没有方法

filter
filter用于把Array的某些元素过滤掉,然后返回剩下的元素。
和map()类似,Array的filter()也接收一个函数。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。

例如,在一个Array中,删掉偶数,只保留奇数,可以这么写:

var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
    return x % 2 !== 0;
});
r; // [1, 5, 9, 15]

把一个Array中的空字符串删掉,可以这么写:

 var arr = ["A", "", "B", null, undefined, "C", "  "];
 var r = arr.filter(function (s) {
     return s && s.trim(); // 注意:IE9以下的版本没有trim()方法
 });
 r; // ["A", "B", "C"]

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109421.html

相关文章

  • Vue.nextTick,Vue.set,Vue.delete,Vue.filter学习

    摘要:用法在下次更新循环结束之后执行延迟回调。只要观察到数据变化,将开启一个队列,并缓冲在同一事件循环中发生的所有的数据改变。如果对象是响应式的,确保删除能触发更新视图。 Vue.nextTick([callback,context]) 参数:{Function}[callback]。{Object}[context]。用法:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这...

    junnplus 评论0 收藏0
  • JavaScript数据结构01 - 数组

    摘要:元素是通过指定的分隔符进行分隔的。如果数组已经为空,则不改变数组,并返回值。可添加多个元素返回值把指定的值添加到数组后的新长度。该参数是数组片断结束处的数组下标。返回值对数组的引用。语法返回值的字符串表示。当前元素所属的数组对象。 一、创建数组 1.1 使用Array构造函数 var arr1 = new Array(); // 创建一个空数组 var arr2 = new Array...

    godlong_X 评论0 收藏0
  • Javascript数组详解

    摘要:创建数组判断比是否是个数组取数组元素属性返回数组的成员数量。增加数组元素方法在数组的末尾增加一个或多个元素,并返回数组的新长度。表示要移除的数组元素的个数要添加进数组的元素最主要的的用途是向数组的中部插入元素。 数组的定义 数组是按序号排列的一组值,每个值的位置都有编号(从0开始)。数组本质上是一种特殊的对象。它的键名是按(0,1,2...)排列的一组数字。 创建数组: var a...

    geekidentity 评论0 收藏0
  • Javascript 数组方法全解析(包含es6,es7)

    摘要:数组方法全解析包含数组自带属性返回创建数组对象的原型函数返回数组对象的长度这个是老熟人了,可以增加数组的原型方法和属性,这个放在后面的继承中讲数组的方法首先让我们看看数组的对象属性。 Javascript 数组方法全解析(包含es6) 1. 数组自带属性 constructor //返回创建数组对象的原型函数 length //返回数组对象的长度 prototype //这个是老...

    zxhaaa 评论0 收藏0
  • 【灵活运用CSS】

    假设我们的pm有这样一个需求, 一张简单的透明png图片,如图:showImg(https://segmentfault.com/img/bVbsrhc); 现在要求图片的颜色能根据手机壳的颜色来变色...开个玩笑,一般这个时候已经打起来了 要求是用户可以根据用户点击的按钮颜色来设置图片的颜色,也就是说我们的这张黑色主色的图片远远无法满足要求,那么该怎么办呢? 找UI吧,多出几张不就行了,ok 做...

    icyfire 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<