分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

JS filter使用

发布时间:2023-09-06 02:14责任编辑:彭小芳关键词:暂无标签

filter 用于筛选数组中符合条件的所以元素,filter只能接受函数

注意:filter只返回筛选结果,不会对原来数组改变

实现方法:

<html lang="en"><head> ???<meta charset="UTF-8"> ???<meta name="viewport" content="width=device-width, initial-scale=1.0"> ???<meta http-equiv="X-UA-Compatible" content="ie=edge"> ???<title>Document</title> ???<script> ???????var ages=[10,20,30,50,80]; ???????function checkAge(age){ ???????????return age >30; ???????} ???????window.onload=function(){ ???????????//实现方法1 ???????????document.getElementById(‘test‘).innerText=ages.filter(function(item){ ???????????????return item>30; ???????????}); ???????????//实现方法2 ???????????document.getElementById(‘test2‘).innerText=ages.filter(checkAge); ???????????//实现方法3 ???????????document.getElementById(‘test3‘).innerText=ages.filter(item=> item > 20); ???????} ???</script></head><body> ???<div id="test"></div> ???<div id="test2"></div> ???<div id="test3"></div></body></html>

方法3 是ES6语法 箭头函数,实际上就是等价于,这样实现看起来比较高大上,代码也少了很多

 ???????function checkAge(age){ ???????????return age >20; ???????}

有点类似于c#中Lambda表达式,@~~@,真是天下语言一个样

JS filter使用

原文地址:https://www.cnblogs.com/wms01/p/9652040.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved