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生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
jquery下利用jsonp跨域访问实现方法
Jul 29 Javascript
ajax 缓存 问题 requestheader
Aug 01 Javascript
js给onclick事件赋值,动态传参数实例解说
Mar 28 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
每日十条JavaScript经验技巧(一)
Jun 23 Javascript
Bootstrap table右键功能实现方法
Feb 20 Javascript
jQuery正则验证注册页面经典实例
Jun 10 jQuery
vue axios请求频繁时取消上一次请求的方法
Nov 10 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 07 Javascript
ES6箭头函数和扩展实例分析
May 23 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持久连接mysql_pconnect()函数使用介绍
2012/02/05 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
PHP crc32()函数讲解
2019/02/14 PHP
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
2013/11/08 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
jquery如何根据值设置默认的选中项
2014/03/17 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
angularjs的一些优化小技巧
2014/12/06 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
2015/09/23 Javascript
JavaScript代码实现图片循环滚动效果
2020/03/19 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
详解Angular系列之变化检测(Change Detection)
2018/02/26 Javascript
微信小程序实现卡片层叠滑动效果
2019/06/21 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
用Nodejs实现在终端中炒股的实现
2020/10/18 NodeJs
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
Python命令行参数解析模块getopt使用实例
2015/04/13 Python
在Python中操作字典之setdefault()方法的使用
2015/05/21 Python
Linux中Python 环境软件包安装步骤
2016/03/31 Python
Python yield与实现方法代码分析
2018/02/06 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
Python lambda表达式用法实例分析
2018/12/25 Python
Django处理多用户类型的方法介绍
2019/05/18 Python
Django中使用 Closure Table 储存无限分级数据
2019/06/06 Python
Python_查看sqlite3表结构,查询语句的示例代码
2019/07/17 Python
python plotly画柱状图代码实例
2019/12/13 Python
python爬取”顶点小说网“《纯阳剑尊》的示例代码
2020/10/16 Python
软件测试题目
2013/02/27 面试题
HttpServlet类中的主要方法都有哪些?各自的作用是什么?
2014/03/16 面试题
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android
python多线程方法详解
2022/01/18 Python