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显示隐藏层比较不错的方法分析
Sep 30 Javascript
JQuery从头学起第二讲
Jul 04 Javascript
jQuery+ajax实现顶一下,踩一下效果
Jul 17 Javascript
JavaScript中常见的字符串操作函数及用法汇总
May 04 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
Sep 19 Javascript
javascript function(函数类型)使用与注意事项小结
Jun 10 Javascript
react实现移动端下拉菜单的示例代码
Jan 16 Javascript
使用next.js开发网址缩短服务的方法
Jun 17 Javascript
深入了解Vue.js 混入(mixins)
Jul 23 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
Jul 28 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 mkdir()无写权限的问题解决方法
2014/06/19 PHP
php操作MongoDB类实例
2015/06/17 PHP
php利用递归实现删除文件目录的方法
2016/09/23 PHP
如何在标题栏显示框架内页面的标题
2007/02/03 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
js获取某元素的class里面的css属性值代码
2014/01/16 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
Javascript玩转继承(二)
2014/05/08 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
JavaScript中模拟实现jsonp
2015/06/19 Javascript
精通JavaScript的this关键字
2020/05/28 Javascript
JavaScript实现点击按钮字体放大、缩小
2016/02/29 Javascript
第一章之初识Bootstrap
2016/04/25 Javascript
相册展示PhotoSwipe.js插件实现
2016/08/25 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
javascript 判断用户有没有操作页面
2017/10/17 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
2017/11/21 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
2019/01/08 Javascript
少女风vue组件库的制作全过程
2019/05/15 Javascript
django使用html模板减少代码代码解析
2017/12/12 Python
python实现树形打印目录结构
2018/03/29 Python
对python中的xlsxwriter库简单分析
2018/05/04 Python
Python实现查找数组中任意第k大的数字算法示例
2019/01/23 Python
ubuntu 18.04搭建python环境(pycharm+anaconda)
2019/06/14 Python
tensorflow 实现数据类型转换
2020/02/17 Python
受外贸欢迎的美国主机:BlueHost
2017/05/16 全球购物
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
机关办公室岗位职责
2014/04/16 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
MYSQL主从数据库同步备份配置的方法
2021/05/26 MySQL
解决IDEA翻译插件Translation报错更新TTK失败不能使用
2022/04/24 Python