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简单实现HTML标签Select联动带跳转
Oct 23 Javascript
浅谈JS之tagNaem和nodeName
Sep 13 Javascript
jQuery自定义插件详解及实例代码
Dec 29 Javascript
thinkjs之页面跳转同步异步操作
Feb 05 Javascript
jQuery中绑定事件bind() on() live() one()的异同
Feb 23 Javascript
vue.js指令v-model使用方法
Mar 20 Javascript
JavaScript中的遍历详解(多种遍历)
Apr 07 Javascript
Three.js开发实现3D地图的实践过程总结
Nov 20 Javascript
JavaScript常见事件对象与操作实例总结
Jan 05 Javascript
Vue实现数据请求拦截
Oct 23 Javascript
微信小程序获取当前位置和城市名
Nov 13 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 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
用缓存实现静态页面的测试
2006/12/06 PHP
写一段简单的PHP建立文件夹代码
2015/01/06 PHP
ThinkPHP5 验证器的具体使用
2018/05/31 PHP
Jquery 插件开发笔记整理
2011/01/17 Javascript
ajax处理php返回json数据的实例代码
2013/01/24 Javascript
一个简单的jquery进度条示例
2014/04/28 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
总结jQuery插件开发中的一些要点
2016/05/16 Javascript
浅谈JavaScript for循环 闭包
2016/06/22 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
jQuery plugin animsition使用小结
2017/09/14 jQuery
详解django模板与vue.js冲突问题
2019/07/07 Javascript
小程序实现锚点滑动效果
2019/09/23 Javascript
Python 模拟登陆的两种实现方法
2017/08/10 Python
pandas 获取季度,月度,年度首尾日期的方法
2018/04/11 Python
python中找出numpy array数组的最值及其索引方法
2018/04/17 Python
python读取文本绘制动态速度曲线
2018/06/21 Python
python使用xlrd和xlwt读写Excel文件的实例代码
2018/09/05 Python
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
python3 实现一行输入,空格隔开的示例
2018/11/14 Python
Python中Numpy mat的使用详解
2019/05/24 Python
Django实现简单网页弹出警告代码
2019/11/15 Python
打印tensorflow恢复模型中所有变量与操作节点方式
2020/05/26 Python
使用Python pip怎么升级pip
2020/08/11 Python
捷克时尚网上商店:OTTO
2018/03/15 全球购物
英国创新设计文具、卡片和礼品包装网站:Paperchase
2018/07/14 全球购物
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
大学生就业自我鉴定
2013/10/26 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
中国入世承诺
2014/04/01 职场文书
四风个人对照检查材料思想汇报(办公室通用版)
2014/10/07 职场文书
详解Mysql和Oracle之间的误区
2021/05/18 MySQL
警用民用对讲机找不同
2022/02/18 无线电
你需要掌握的20个Python常用技巧
2022/02/28 Python
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript