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切换div css注意的细节
Dec 10 Javascript
JS显示日历和天气的方法
Mar 01 Javascript
angular学习之从零搭建一个angular4.0项目
Jul 10 Javascript
WdatePicker.js时间日期插件的使用方法
Jul 26 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
Oct 31 Javascript
简单的Vue SSR的示例代码
Jan 12 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 09 Javascript
vue项目中js-cookie的使用存储token操作
Nov 13 Javascript
JavaScript 防盗链的原理以及破解方法
Dec 29 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 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
推荐几个开源的微信开发项目
2014/12/28 PHP
PHP通过GD库实现验证码功能示例
2019/02/23 PHP
详解PHP队列的实现
2019/03/14 PHP
javascript 中对象的继承〔转贴〕
2007/01/22 Javascript
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
33种Javascript 表格排序控件收集
2009/12/03 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
2010/10/20 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
javascript格式化json显示实例分析
2015/04/21 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
jquery日历插件datepicker用法分析
2016/01/22 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
python自动zip压缩目录的方法
2015/06/28 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
关于Python作用域自学总结
2019/06/10 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
django为Form生成的label标签添加class方式
2020/05/20 Python
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
伦敦剧院门票:From The Box Office
2018/06/30 全球购物
SQL注入攻击的种类有哪些
2013/12/30 面试题
应聘医学检验人员自荐信
2013/09/27 职场文书
路政管理专业推荐信
2013/11/11 职场文书
电气技术员岗位职责
2013/11/19 职场文书
金融专业大学生职业生涯规划范文
2014/01/16 职场文书
我的祖国演讲稿
2014/05/04 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
家长对学校的意见和建议
2015/06/03 职场文书
2016年习主席讲话学习心得体会
2016/01/20 职场文书