在网页开发中，我们经常需要对数据进行筛选和过滤，以便展示给用户最有用的信息。这时，javascript的数据过滤功能就可以派上用场了。

我们可以用javascript创建一个数组，然后使用filter()方法对其中的元素进行筛选。比如：

var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];var evenNumbers = numbers.filter(function(number) {return number % 2 === 0;});console.log(evenNumbers); // 输出 [2, 4, 6, 8]

这段代码创建了一个包含1到9的数字的数组。然后使用filter()方法，只保留了其中的偶数。最后输出的结果就是2、4、6、8这四个数字，这是通过javascript数据过滤实现的。

除了简单的数字过滤外，我们还可以对包含对象的数组进行筛选。比如：

var products = [{ name: '苹果', price: 5.50 },{ name: '梨子', price: 3.75 },{ name: '香蕉', price: 2.90 },{ name: '葡萄', price: 8.20 },{ name: '西瓜', price: 12.00 }];var cheapProducts = products.filter(function(product) {return product.price< 5.00;});console.log(cheapProducts);

这段代码创建了一个商品数组，包含了多种水果的名称和价格。然后使用filter()方法，只保留了价格低于5元的商品。最后输出的结果就是梨子和香蕉两种水果，这是通过javascript数据过滤实现的。

当然，我们也可以结合其他方法，进行更复杂的数据过滤。比如，使用map()方法创建一个新数组，然后再使用filter()方法对其进行筛选。比如：

var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];var evenSquares = numbers.map(function(number) {return number * number;}).filter(function(number) {return number % 2 === 0;});console.log(evenSquares); // 输出 [4, 16, 36, 64]

这段代码首先创建了一个包含1到9的数字的数组，然后使用map()方法将其每个元素都求平方。接着，使用filter()方法只保留了其中的偶数平方数。最后输出的结果就是4、16、36、64这四个数字，这是通过javascript复合数据过滤实现的。

总之，通过javascript的数据过滤功能，我们可以很方便地对各种类型的数据进行筛选，从而提高网页的实用性和用户体验。