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的掌握程度的代码
Dec 09 Javascript
js弹出层(jQuery插件形式附带reLoad功能)
Apr 12 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 Javascript
常用jQuery选择器汇总
Feb 02 Javascript
iscroll动态加载数据完美解决方法
Jul 18 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
Aug 18 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
Jul 17 Javascript
koa socket即时通讯的示例代码
Sep 07 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 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
解析用PHP实现var_export的详细介绍
2013/06/20 PHP
php数组使用规则分析
2015/02/27 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
解密效果
2006/06/23 Javascript
javascript与cookie 的问题详解
2013/11/11 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
2013/11/20 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
javascript实现网页端解压并查看zip文件
2015/12/15 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
2016/12/28 Javascript
使用grunt合并压缩js和css文件的方法
2017/03/02 Javascript
JavaScript闭包的简单应用
2017/09/01 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
原生js封装添加class,删除class的实例
2017/11/06 Javascript
vux uploader 图片上传组件的安装使用方法
2018/05/15 Javascript
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
javascript中如何判断类型汇总
2019/05/14 Javascript
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
微信小程序如何加载数据库真实数据的实现
2020/03/04 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
编写Python脚本来获取Google搜索结果的示例
2015/05/04 Python
Python利用itchat对微信中好友数据实现简单分析的方法
2017/11/21 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
python实现n个数中选出m个数的方法
2018/11/13 Python
解决keras,val_categorical_accuracy:,0.0000e+00问题
2020/07/02 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
关于HTML5+ API plusready的兼容问题
2020/11/20 HTML / CSS
Speedo美国:澳大利亚顶尖泳衣制造商
2016/08/03 全球购物
活动总结报告范文
2014/05/04 职场文书
安全生产目标管理责任书
2014/07/25 职场文书
课前一分钟演讲稿
2014/08/26 职场文书
2015年统战工作总结
2015/05/19 职场文书
赵氏孤儿观后感
2015/06/09 职场文书
关于MySQL中的 like操作符详情
2021/11/17 MySQL