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 相关文章推荐
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
JS往数组中添加项性能分析
Feb 25 Javascript
基于javascript实现根据身份证号码识别性别和年龄
Jan 22 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
JQuery解析XML数据的几个简单实例
May 18 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
使用vue.js写一个tab选项卡效果
Mar 25 Javascript
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
vue-cli中的babel配置文件.babelrc实例详解
Feb 22 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
TypeScript魔法堂之枚举的超实用手册
Oct 29 Javascript
vue3不同环境下实现配置代理
May 25 Vue.js
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制作静态网站的模板框架(三)
2006/10/09 PHP
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
浅析Yii2 GridView 日期格式化并实现日期可搜索教程
2016/04/22 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
PHP基于自定义类随机生成姓名的方法示例
2017/08/05 PHP
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
细说javascript函数从函数的构成开始
2013/08/29 Javascript
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
JS中的log对象获取以及debug的写法介绍
2014/03/03 Javascript
jQuery过滤选择器用法分析
2015/02/10 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
2015/09/01 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
Node.js和Express简单入门介绍
2017/03/24 Javascript
React/Redux应用使用Async/Await的方法
2017/11/16 Javascript
这应该是最详细的响应式系统讲解了
2019/07/22 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
Node.js fs模块原理及常见用途
2020/10/22 Javascript
[02:42]DOTA2城市挑战赛收官在即 四强之争风起云涌
2018/06/05 DOTA
Python httplib,smtplib使用方法
2008/09/06 Python
Python加pyGame实现的简单拼图游戏实例
2015/05/15 Python
基于Python中numpy数组的合并实例讲解
2018/04/04 Python
python中virtualenvwrapper安装与使用
2018/05/20 Python
django query模块
2019/04/20 Python
数字天堂软件测试面试题
2012/12/23 面试题
初中化学教学反思
2014/01/23 职场文书
运动会获奖感言
2014/02/11 职场文书
计算机毕业生自荐信范文
2014/03/23 职场文书
副处级干部考察材料
2014/05/17 职场文书
英语教育专业自荐信
2014/05/29 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
《作风建设永远在路上》心得体会
2016/01/21 职场文书
pytest进阶教程之fixture函数详解
2021/03/29 Python
SQL Server数据库基本概念、组成、常用对象与约束
2022/03/20 SQL Server