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 相关文章推荐
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
简约JS日历控件 实例代码
Jul 12 Javascript
Table冻结表头示例代码
Aug 20 Javascript
JS检测图片大小的实例
Aug 21 Javascript
用JS做的简单的可折叠的两级树形菜单
Sep 21 Javascript
JavaScript阻止回车提交表单的方法
Dec 30 Javascript
JS实现的样式切换功能tableCSS实例
Dec 30 Javascript
使用JS和canvas实现gif动图的停止和播放代码
Sep 01 Javascript
js Dom实现换肤效果
Oct 21 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
Vue项目中跨域问题解决方案
Jun 05 Javascript
npm 语义版本控制详解
Sep 10 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创建者模式
2014/11/25 PHP
Yii2基于Ajax自动获取表单数据的方法
2016/08/10 PHP
php实现银联商务公众号+服务窗支付的示例代码
2019/10/12 PHP
让你的博文自动带上缩址的实现代码,方便发到微博客上
2010/12/28 Javascript
jquery利用event.which方法获取键盘输入值的代码
2011/10/09 Javascript
js获取通过ajax返回的map型的JSONArray的方法
2014/01/09 Javascript
JS获取各种宽度、高度的简单介绍
2014/12/19 Javascript
Javascript技术难点之apply,call与this之间的衔接
2015/12/04 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
2016/01/08 Javascript
Vue分页组件实例代码
2017/04/17 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
js实现的在本地预览图片功能示例
2019/11/09 Javascript
Node.js中文件系统fs模块的使用及常用接口
2020/03/06 Javascript
Vue中使用better-scroll实现轮播图组件
2020/03/07 Javascript
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
python中如何使用朴素贝叶斯算法
2017/04/06 Python
python pandas生成时间列表
2019/06/29 Python
pytorch 固定部分参数训练的方法
2019/08/17 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
美国开幕式潮店:Opening Ceremony
2018/02/10 全球购物
J2EE包括哪些技术
2016/11/25 面试题
艺术应用与设计个人的自我评价
2013/11/23 职场文书
绩效考核实施方案
2014/03/18 职场文书
绿色学校实施方案
2014/03/31 职场文书
白岩松演讲
2014/05/21 职场文书
法律专业自荐信
2014/06/03 职场文书
领导班子在批评与自我批评座谈会上的发言
2014/09/28 职场文书
党员群众路线教育实践活动剖析材料
2014/10/10 职场文书
2015试用期转正工作总结
2014/12/12 职场文书
导师工作推荐信
2015/03/27 职场文书
2015年银行工作总结范文
2015/04/01 职场文书