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 相关文章推荐
如何让动态插入的javascript脚本代码跑起来。
Jan 09 Javascript
jquery选择器-根据多个属性选择示例代码
Oct 21 Javascript
获得Javascript对象属性个数的示例代码
Nov 21 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
Dec 02 Javascript
js读取cookie方法总结
Oct 31 Javascript
jQuery时间轴插件使用详解
Jul 16 Javascript
详述JavaScript实现继承的几种方式(推荐)
Mar 22 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
jQuery实现 上升、下降、删除、添加一行代码
Mar 06 Javascript
mocha的时序规则讲解
Feb 16 Javascript
vue 中的动态传参和query传参操作
Nov 09 Javascript
JavaScript实现贪吃蛇游戏
Jun 16 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
Smarty模板类内部原理实例分析
2019/07/03 PHP
为jQuery.Treeview添加右键菜单的实现代码
2010/10/22 Javascript
js限制文本框只能输入数字(正则表达式)
2012/07/15 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
2015/08/28 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
js实现继承的5种方式
2015/12/01 Javascript
js中遍历对象的属性和值的方法
2016/07/27 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
2017/02/10 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
vue实现购物车案例
2020/05/30 Javascript
详解Python中的strftime()方法的使用
2015/05/22 Python
python 使用get_argument获取url query参数
2017/04/28 Python
利用Python破解斗地主残局详解
2017/06/30 Python
python Pillow图像处理方法汇总
2019/10/16 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
Python文件夹批处理操作代码实例
2020/07/21 Python
Django路由层URLconf作用及原理解析
2020/09/24 Python
Scrapy-Redis之RedisSpider与RedisCrawlSpider详解
2020/11/18 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
启动一个线程是用run()还是start()
2016/12/25 面试题
中英双版中文教师求职信
2013/10/27 职场文书
魅力教师事迹材料
2014/01/10 职场文书
大二学生学习个人自我评价
2014/01/19 职场文书
新书吧创业计划书
2014/01/31 职场文书
元旦晚会主持词
2014/03/24 职场文书
篮球社团活动总结
2014/06/27 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
导游词之南京中山陵
2019/11/27 职场文书
详解Python函数print用法
2021/06/18 Python
使用logback实现按自己的需求打印日志到自定义的文件里
2021/08/30 Java/Android
MySQL数据库安装方法与图形化管理工具介绍
2022/05/30 MySQL