hi,欢迎访问本站!
当前位置: 首页Web前端正文

javascript中filter方法

墨初 Web前端 465阅读

javascript脚本中,想要通过指定的条件来过滤数组中的元素,可以用数组的内置的过滤方法filter().

js中filter()详解

filter():通过指定的条件,过滤数组中的元素。

arr.filter(function(element, index, array) {
  return condition;
  // 返回通过表达式的元素
}, thisValue);

参数:

描述
element 正在处理的当前元素
index 可选,正在处理当前元素的索引。
array 可选,调用当前方法的数组

返回:

filter():返回一个数组,基内是通过过滤的元素。

js中filter()用法

例1:

let arr = [1,2,3,4];
const newarr = arr.filter(function(e) {
  return e > 2;
});
console.log(newarr);
//  [3, 4]

例2:

const words = ['apple', 'banana', 'cherry', 'date', 'elderberry', 'fig'];
const longWords = words.filter(word => word.length >= 5);
console.log(longWords);

例3:

const people = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 17 },
  { name: 'Charlie', age: 30 },
  { name: 'David', age: 16 },
  { name: 'Eva', age: 18 }
];
const adults = people.filter(person => person.age >= 18);
console.log(adults); 
// [{ name: 'Alice', age: 25 }, { name: 'Charlie', age: 30 }, { name: 'Eva', age: 18 }]

ps:

1、filter() 返回一个新的数组

2、filter() 不改变原有的数组

3、filter() 查询不到符合条件的元素时,返回空数组

标签:
声明:无特别说明,转载请标明本文来源!
相关推荐