js filter()用法小结

/* 
filter()
对数组中的每个元素都执行一次指定的函数(callback),并且创建一个新的数组,
该数组元素是所有回调函数执行时返回值为 true 的原数组元素。它只对数组中的
非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略,同时,新创建的
数组也不会包含这些元素。

回调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象。
*/


// 原始数据
var arrs = [
  {
    name: "tom",
    age: 18,
    sex: "boy"
  },
  {
    name: "jim",
    age: 19,
    sex: "boy"
  },
  {
    name: "anchor",
    age: 20,
    sex: "boy"
  },
  {
    name: "lucy",
    age: 18,
    sex: "girl"
  },
  {
    name: "lily",
    age: 19,
    sex: "girl"
  },
  {
    name: "andy",
    age: 20,
    sex: "girl"
  }
];

// 过滤条件
var limits = {
  name: 'tom',
  age: 18,
  sex: 'boy'
};

// filter回调函数
function dofilter(element, index, array) {
  if(limits.name && limits.name != element.name){ // 姓名过滤
    return false;
  }else if(limits.age && limits.age != element.age){ // 年龄过滤
    return false;
  }else if(limits.sex && limits.sex != element.sex){ // 性别过滤
    return false;
  }
  return true;
}

/* test */
var filtered = arrs.filter(dofilter);
console.log(filtered);

posted on 2017-12-25 15:10  菜鸟Z  阅读(424)  评论(0编辑  收藏  举报

导航