JavaScript实现筛选数组


Posted in Javascript onMarch 02, 2021

本文实例为大家分享了JavaScript实现筛选数组的具体代码,供大家参考,具体内容如下

今天,运用JavaScript的相关知识,制作了筛选数组的案例。希望我们互相学习,共同进步!

最终效果图:

JavaScript实现筛选数组

js代码部分:

<!DOCTYPE html>
<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>筛选数组</title>
 <script>
  function Search(arr) {
   var newArr = [];
   for (var i = 0; i < arr.length; i++) {
    if (arr[i] > 10) {
     newArr[newArr.length] = arr[i];
   }
  }
   return newArr;
  }
  var arr = [1, 2, 45, 31, 7, 30, 22, 3, 5, 17];
  Search(arr);
  alert('您输入的数字分别为'+arr+'\n'+'大于10的数有:'+Search(arr));
 </script>
</head>
<body>
</body>
</html>

小结:

筛选数组在各种编程语言十分常见,也很重要,希望大家熟练运用。

之前看到一段代码:js根据数组筛选对象数组,分享给大家

根据存放id的数组,来筛选带此id的对象

var array = [
{
 time: '2020',
 id: '1',
},
{
 time: '2020',
 id: '2',
},
{
 time: '2020',
 id: '3',
}];
var filterIds = ['1', '3'];
var result = array.filter((a,i)=>{
  return filterIds.some(f=>(f === a.id)) 
})
//[{time: "2020", id: "1"},{time: "2020", id: "3"}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js传值 判断
Oct 26 Javascript
FusionCharts图表显示双Y轴双(多)曲线
Nov 22 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
Mar 05 Javascript
JavaScript中如何通过arguments对象实现对象的重载
May 12 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
Sep 10 Javascript
提高jQuery性能优化的技巧
Aug 03 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
Jun 23 Javascript
浅谈JS函数节流防抖
Oct 18 Javascript
如何在Angular应用中创建包含组件方法示例
Mar 23 Javascript
react用Redux中央仓库实现一个todolist
Sep 29 Javascript
React 实现车牌键盘的示例代码
Dec 20 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
Mar 02 #Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 #jQuery
关于better-scroll插件的无法滑动bug(2021通过插件解决)
Mar 01 #Javascript
一起来了解一下JavaScript的预编译(小结)
Mar 01 #Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 #Vue.js
three.js 实现露珠滴落动画效果的示例代码
Mar 01 #Javascript
详解js创建对象的几种方式和对象方法
Mar 01 #Javascript
You might like
php防攻击代码升级版
2010/12/29 PHP
php连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
php生成HTML文件的类方法
2019/10/11 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
广告显示判断
2006/08/31 Javascript
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
2013/05/17 Javascript
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
Javascript添加监听与删除监听用法详解
2014/12/19 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
jQuery双向列表选择器DIV模拟版
2016/11/01 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
JS基于封装函数实现的表格分页完整示例
2018/06/26 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
原生js实现3D轮播图
2020/03/21 Javascript
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
python实现在目录中查找指定文件的方法
2014/11/11 Python
Python实现提取文章摘要的方法
2015/04/21 Python
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
mac下如何将python2.7改为python3
2018/07/13 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
python实现一个函数版的名片管理系统过程解析
2019/08/27 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
应届专科生个人的自我评价
2014/01/05 职场文书
教育基金募捐倡议书
2014/05/14 职场文书
支行行长竞聘演讲稿
2014/05/15 职场文书
公证委托书标准格式
2014/09/11 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
2016应届毕业生实习评语
2015/12/01 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
python垃圾回收机制原理分析
2022/04/13 Python